/*-------------------------------------------------------------------
* Layout
--------------------------------------------------------------------*/
#column{margin: auto; background-color:#fff;overflow:hidden;margin:0;
        padding-right:0;
        padding-left:140px; /* The width of the rail */}
* html #column{height:1%; /* So IE plays nice */}
#leftColumn{
    background-color:#fff;
    width:140px;
    float:right;
    margin-right:0;
    border-right:0;
    margin-left:-140px;
    text-align:left;
}
#rightColumn{
    background-color:#fff;
    width:100%;
    border-left:150px solid #fff; /* The width and color of the rail */
    margin-right:0;
    margin-left:-150px; /* Hat tip to Ryan Brill */
    float:right;
    text-align:left;
}
#pageName{margin-bottom:10px;}
#innerRightColumn{
    margin: auto;
    background-color:#fff;
    overflow:hidden;margin:0;
    padding-right:270px; /* The width of the rail */}
* html #innerRightColumn{height:1%; /* So IE plays nice */}
#leftMain{
    background-color:#fff;width:100%;
    border-right:270px solid #fff; /* The width and color of the rail */
    margin-right:-270px; /* Hat tip to Ryan Brill */
    float:left;
}
#rightMain{
    width:270px;
    float:left;
    margin-right:-270px;
    text-align:left;
}
#innerRightMain{margin-left:20px;}


/*-------------------------------------------------------------------
* Etc
--------------------------------------------------------------------*/
.viewSelector{float:right;color:#666;
              margin-top:5px;}
.viewSelector select{
    border: 2px solid #ff9900;
    font-size:12px;}
.editProfileLink{
    color: #7777cc;
    font-size:13px;
    font-weight:400;
    margin-left: 5px;
}
#topper {
    background-color: #F0F7FF;
    padding:9px 20px;
    margin-bottom:18px;
}
#topper h1 {
    font-size: 16px;
    font-weight:bold;
    line-height:27px;
}
.summary{
    color: #555;
    margin-bottom: 2em;
}
.summary a{
    border-bottom: 1px solid #C9D7F1;
}
.summary a:hover{
    text-decoration: none;
    border-bottom-color: #0044cc;
}
#topper h1 span.tail{
    font-size: 12px;
    float: right;
    margin-right: 8px;
    color: #999;
}
#topper h1 span.tail a{
    color: #E0ECFF;
}
.basicInfo{
    margin-bottom:9px;
    margin-left:8px;
}
.basicInfo p {
    font-size:11px;
    font-weight:bold;
    line-height:18px;
    /*text-align:right;*/
}
.basicInfo a {
    border-bottom:1px solid #C3D9FF
}
.basicInfo a:hover {
    text-decoration:none;
    border-bottom:1px solid #fff;
}

/*#leftMain {
float: left;
width: 540px;
overflow:hidden;Trigger bubble hidden in FF #776
}
#rightMain {
float: right;
width: 240px;
}*/
#detailsSection h2 {
    font-size: 1.2em;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #E0ECFF;
    border-top: 1px solid #C3D9FF;
    border-bottom: 1px solid #C3D9FF;
}
#detailsSection h3 {
    clear: both;
    font-size: 1em;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #E0ECFF;
    border-top: 1px solid #C3D9FF;
    border-bottom: 1px solid #C3D9FF;
}
#detailsSection label {
    color: #777;
    font-size: .9em;
    margin-right: 1em;
}
.avatarOption {
    line-height: 150%;
    margin: .5em 0;
    font-size: .85em;
    font-weight: bold;
}
.avatarOption a {
}
.newBox {
    background:url(../../images/v2/newCorner.jpg) no-repeat left top;
    padding: 1.5em;
}
.infoColumn {
    padding-left: 30px;
    float: left;
    border-left: 1px solid #eee;
}
.infoSection {
    margin-bottom: 1.5em;
    padding-bottom: .7em;
    margin-left: 10px;
}
textarea.inputTxt {
    width: 99%;
    height: 60px;
    overflow: auto;
}
.infoSection input {
    width: 99%;
    font-size: .9em;
}
#generalDInfos p {
    line-height: 150%;
    margin-bottom: .7em;
}
.btnSection {
    margin-top: 1em;
    background-color: #E0ECFF;
    border-top: 1px solid #C3D9FF;
    border-bottom: 1px solid #C3D9FF;
    padding: 5px;
}
.infoP {
    line-height: 150%;
    margin: .5em 0;
}
.infoP strong {
}
.option {
    font-size: 12px;
    font-weight: bold;
    margin-left: 1em;
}
#dSignature {
    font-style:italic;
}
.sideNav {
    width: 200px;
}
.sideNav ul {
    list-style-type: none;
}
.sideNav li {
    height: 30px;
    line-height: 30px;
}
.sideNav li a {
    display: block;
    width: 100%;
    text-indent: 1em;
}
.sideNav li a:hover {
    text-decoration: none;
}

#avatarSection {
    left: 0;
    margin-right:20px;
    width:120px;
    position: absolute;
    top: 0;
}
#avatarSection .contentInner{
    padding: 10px 5px 5px 5px;
}
.avatarBorder_96 {
    text-align: center;
    border: 1px solid #bbb;
    width: 98px;
    height: 98px;
    margin: auto;
    overflow:hidden;
}
.avatarBorder_96 img {
    border:none;
    width: 96px;
    padding:0;
    margin:1px;
}
#summarySection {
    margin-top: 5px;
}
.tailTip {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}
.labelEmailPrivacy {
    margin-left: 10px;
    color:#ff9900;
    font-weight: normal;
}

.titleOption {
    float: right;
    font: 12px Arial, Helvetica, sans-serif;
    margin-right: 5px;
}
.btnRow {
    padding: 3px 5px;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #E0ECFF;
    border-top: 1px solid #C3D9FF;
    border-bottom: 1px solid #C3D9FF;
    text-align: right;
}
.moreInfos {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    border-bottom: 1px dotted #eee;
}
.moreInfos strong {
    color: #000;
    display: block;
}
#pShortcuts {
    margin: 5px;
}
#pShortcuts li{
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    padding: 5px 0;
    zoom: 1;
}
#pShortcuts li.last{
    border-bottom:none;
}
#pShortcuts li a{
}
#pShortcuts li a:hover{
}
#avatarSelector li {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}
#avatarSelector li a {
    display: block;
    border: 1px solid #ddd;
}
#avatarSelector li a:hover {
    border: 1px solid #777;
}
.basicTable strong {
    font: bold .8em verdana;
    margin-right: .2em;
}
.pInfos {
    color: #8D8D8D;
    width: 120px;
    margin: auto;
    background-color:#f5f5f5;
    color:#666666;
    text-align:center;
}
.pInfos p {
    border-bottom: 1px solid #eee;
    margin-bottom: .5em;
    padding: .3em;
    font-size:9px;
}

#profileNav {
    background-color: #C3D9FF;
    height: 24px;
    padding-left: 22px;
    margin-bottom: 1.4em;
}

#aboutme{
    color: #555;
    font-style:italic;
    margin-bottom:10px;
    font-size:1em;
    padding: 5px 5px 5px 30px;
    background: #f5f5f5 url(/images/quote.gif) 5px 5px no-repeat;
}
#aboutme p{
    margin-bottom: 5px;
}
#basicInfos {
    font-size:11px;
    font-weight:bold;
    margin: 1em 0;
    line-height: 150%;
}
#basicColumn {
    margin-left: 0;
}
.basicTable {
    margin-bottom: .8em;
    font-size: .9em;
}
.basicTable th {
    text-align: left;
    padding-right: .8em;
    font-weight: 700;
}
.basicTable td {
    color:#000;
}
tr.dark {
    /*  background-color: #f7f7f7;*/
}
.basicTable select {
    font: .9em Arial, Helvetica, sans-serif;
}
.basicTable select option {
    text-indent: 5px;
}

.mainItem {
    margin-bottom: 1.5em;
}
.mainItemTitle {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #555;
    font-size: 1em;
    padding: .2em .4em;
}
.mainItemContent {
    padding: .8em 20px;
    color: #666;
}
.itemLists{
    margin-left: 14px;
    list-style-type:disc;
    color:#0044cc;
}
.itemLists li {margin-bottom:.4em;}
#topTags .mainItemContent li a {
    font-size:14px;
}
.siteCommunity li a.imgLink{
    float:left;
    background-color: #fff;
    border: 1px solid #bbb;
    height: 78px;
}
.siteCommunity li a.imgLink img{
    width:96px;
    margin:1px;
}

.mainItemContent li a{
    text-decoration:none;
}

.mainItemContent li a:hover{
    text-decoration:underline
}
.mainItemContent .tagCloud li{
    background:none;
}
.mainItemContent .tagCloud a{
    border:none;
}
.mainItemContent .tagCloud a:hover{
    text-decoration:underline;
}
.mainItemContent .tail{
    color:#999;
    font-weight:normal;
    font-size:.9em;
}
.mainItemContent .tags{
    font-size:10px;
    line-height:18px;
    color:#aaa;
    font-weight:normal;
    margin-left:8px;
}
.mainItemContent .tags a{
    color:#555;
    margin-left:5px;
    border:none;
}
.mainItemContent .tags a:hover{
    text-decoration:underline;
    color:#0066CC;
}
.mainItemContent .ditemInfo{
    border-left:1px solid #CCCCCC;
    padding-left:8px;
    margin-left:8px;
}
.mainItemContent .seeMore{
    font-size:10px;
    text-align:right;
    clear:both;
}
.mainItemContent .shortLink{
    height:1%;/*Self clear for IE*/
}
.mainItemContent .shortLink:after{
    height:1%;
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.mainItemContent .shortLink li{
    float:left;
    margin-right:10px;
}
img.percentImage {
    background: white url(/images/v2/percentImage_back.png) top left no-repeat;
    padding: 0;
    margin: 5px 0 0 0;
    background-position: 1px 0;
}

.sideBarBoxHeader{
    display:none
}
#rightMain .sideBarBoxTitle{
    background-color:#fff;
    border:none
}
#recentTags .mainItemContent li a, #topTags .mainItemContent li a{
    margin-left: .2em;
}

/*Edit privacy*/

.tabContent form{
    font-size: 12px;
    margin: 10px 0 0 0;
}
.edit_privacy_lock {
    background:transparent url(/images/v2/privacy_lock.gif) no-repeat scroll 0px 4px;
    padding:1px 0px 0px 15px;
    font-size:11px;
    float: right;
}
table tr{
}
#contacts{
    font-size: 9pt;
}

/*Shout Box*/
.shoutBox li{
    clear:both;
    height:1%;
    margin-bottom:9px;
}
.shoutBox .postBy{
    font-size:14px;
    line-height:18px;
    margin-bottom:9px;
    margin-left:72px;
    padding:0 9px;
    background-color:#f0f0f0;
    border-top:1px solid #C3D9FF;

}
.shoutBox .hint{
    font-size:10px;
    color:#999
}
.shoutBox .delete:hover,.shoutBox .delete:active{
    background-position:left bottom;
}
.shoutBox .delete span{
    display:none
}
.shoutBox blockquote{
    font-weight:normal;
    /*margin-left:72px;*/
    overflow:hidden;
    padding:0 9px;
}
.shoutBox .opt{
    text-align:right;
}
.shoutBox .linkOpt{
    font-size:10px;
}
.mainItemContent .moreInfos{
    text-align:right;
    clear:both;
}
.mainItemContent .paginationB{
    clear:both;
}

.shoutReply{
    padding:10px;
    margin-bottom:9px;
    background-color:#f0f0f0;
}
.shoutReply textarea{
    width:478px;
    height:52px;
}
.shoutReply .btn{
    margin-top:9px;
}
.shoutReply .btnPri{
    padding:1px 18px;
    margin:0;
}

/* othersProfile */
#othersProfile{
    margin-right: 20px;
}
#othersProfile li{
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 20px;
    background: no-repeat 0 3px;
    margin-bottom: 10px;
}


.networkEdit{
}
.networkEdit td{
    padding: 8px 3px;
}
.networkEdit img{
}
.networkEdit input{
    width:350px;
}
.networkEdit .hint{
    line-height:11px;
    font-size:11px;
    margin-bottom:7px;
    margin-left:12px;
    color:#999;
}
.groupListCol li{
    margin-bottom:1.2em;
    zoom:1;
}
.groupListColAvatar{
    border:1px solid #bbb;
    float:left;
    height: 50px;
    margin-top: 4px;
    overflow: hidden;
}
.groupListColAvatar:hover{
    border-color: #0044cc;
}
.groupListColAvatar img{width:48px;margin:1px;}
.groupListCol li h4 {
    margin-left: 60px;
}
.groupInfoAlert, .groupListColDesc{
    margin-left: 60px;
    font-size: 12px;
}


.viewMode option{
    cursor:pointer;
}

.sideBox .contentInner{}
.sideBox .contentInner .avatarLink_48 {margin:0 5px 10px 0;}
/*--------contacts--------*/
.homepage{
    width:200px;
    word-break:break-all;
}
/*-----------------------------*/

/*---------favor sites---------*/

.siteCommunity{
}
.siteCommunity li{
    width:150px;
    overflow:hidden;
    float:left;
    background:none;
}
.siteCommunity li a{
    font-size: .85em;
}
/*------------------------------*/	

.sideBarEdit {
    color: #0044cc!important;
    font-size: 12px;
    float:right;
    font-weight: 400;
    margin-top: 3px;
}
.eocMark {
    display: none;
    float:left;
    height:20px;
    width:16px;
}
.sideBarBoxTitle {
    color:#666;
    font-size:12px;
    font-weight:700;
}
.sideBarBoxContent ul {
    list-style-type:none;
    text-align:left;
}
.eocMark.expand {
    background:transparent url(/images/v2/eoc.gif) no-repeat scroll -3px top;
}
.eocMark.collapse {
    background:transparent url(/images/v2/eoc.gif) no-repeat scroll -3px bottom;
}
.sideBarBoxContent {
    padding:0 0 0 5px;
}
.sideBarBoxContent ul {
    list-style-type:none;
    text-align:left;
}
.switchHandler{
    margin-right:40px;
}

#RequestForm textarea{
    width:200px!important;
}
/*-----------------------------------
------------------------------------*/
#topper ul{
    text-align:left;
    margin-left:-7px;
}
#topper li{
    display:inline;
    padding:0 0.7em;
    border-right:1px solid #999;
    line-height:30px;
    font-size:12px;
}
#topper li a{
    color:#666;
    border-bottom:1px solid #ddd;
    line-height:17px;
}
#topper .navLink li a:hover{
    color:#06c;
    border-bottom:1px solid #999;
    text-decoration:none;
}

/*------------------------------------
overlap
-------------------------------------*/		
.overlapOver{
    float:right;
    font-size:32px;
    line-height:28px;
    font-weight:bold;
    color:#333;
    background-color:#E0ECFF;
    margin-right:-13px;
}
.overlapOver div{
    margin:5px;
}
.overlapSnip{
    float:right;
    margin-left:0.5em;
    background-color:#fff;
    margin-top:-1px;
    padding-left:10px;
}
.overlapSnip div{
    font-weight:bold;
    font-size:14px;
    line-height:16px;
    padding:2px 4px;
    border:1px solid #648DD4;
    background-color:#E0ECFF;
    -moz-border-radius:3px;
}
#topper .siteCrumb{
    clear:left;
}
.mainItemContent .tail a {
    color:#7777cc;
    margin:0 2px;
}
/*#visitorsUL .gAvatarLink_48{
    background-color: #fff;
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;
    overflow:hidden;
}
#visitorsUL .gAvatarLink_48:hover{
    border-color: #0044cc;
}
#visitorsUL .gAvatarLink_48 img{
    margin: 1px auto;
}*/
#visitorsUL .delete{
    width:10px;
    float:right;
    font-weight:bold;
}
#visitorsUL li{
    clear: both;
    margin-bottom: 10px;
}
#visitorsUL li .gInfos{
    color: #666;
    margin-left: 60px;
}
.moveHandle {
    cursor:default;
    float:left;
}
.mainItem .moveHandleCursor {
    cursor:move;
}
.emptyPlaceMarker
{
    z-index: 2;
    border: #648DD4 thin dashed;
    background-color: Transparent;
}
.removeSection{
    display: none;
    float:right;
    margin:0 2px;
}
.subSectionMenu{
    float:right;
    position:static;
}
.subSectionMenu .containSubTitle{
    cursor:default;
    color:#aaa!important;
}
.subTitleOfContent{
    font-weight:700;
    color: #000;
}
.mainItemContent li.homepage{
    margin-bottom:0;
    background:none;
    font-weight:normal;
    font-size:12px;
}


/*----common stuff -----*/
#add_common_friends_a{
    float:right;
}


#recentTags li, #topTags li{float:left;margin-right: 1em;}
#recentTags .count, #topTags .count{
    display:none;
}
#userTags{width:100%;}
#userTags th{
    vertical-align: top;
    width: 80px;
}
.spammerFlag{
    background: url(/images/flag.png) left 50% no-repeat;
    padding-left: 15px;
    font-size: 11px;
}

.annotations{
    margin-top: 3px;
}
.promptButton{
    margin-top: 5px;
}

a.avatar32{
    margin-top: 3px;
}
.sItem .content{
    color: #000;
}
.sItem .cInfo span{
    font-size: 11px;
    color: #666;
}

.buttonRow{
    text-align: center;
}

/* override */
.webFormB th{
    color: #555;
    padding: 0 5px 0 0;
    width: 120px;
}
.tabContent .webFormB{
    width: 100%;
}
.webFormB textarea{
    height: 80px;
}
.webFormB td{
    padding: 8px 5px;
}
#secondNav h1{
    left: 130px;
    top: 0;
    position: absolute;
}
#navBox{
    left: 130px;
}
.imgThumbnail{
	width:80px;
}

/*override */

#mainItem_rb .noteContent{
    width: 600px;
}