#leftCol { width:210px; float:left }
#rightCol { width:723px; float:right }
#extraCol { width:225px; float:right; margin-left:12px }
#extraCol h2 {
    border-bottom:1px solid #999;
    padding-bottom:5px;
    margin-bottom:10px;
}
#extraCol .box {
    margin-bottom:20px;
    padding:10px;
    background:url(../images/BlogRiteBg.jpg) 0 1px repeat-x;
    border:1px solid #bababa;
}
#extraCol .box input[type=text] { width:200px }
#extraCol  ul { padding:0; list-style:none; line-height:18px }
#extraCol  a:hover { text-decoration:underline }

#menu { font-size:13px; color:#555555; margin:0px; }
#menu ul { padding:0px; margin:0px; list-style:none;}
#menu li { line-height:25px;  padding:0px; padding-left:0px; text-indent:5px; width:210px; }
#menu li { text-decoration:none; color:#555555;  border-bottom:1px solid #9f9f9f; width:210px; display:block; margin-bottom:3px; }
#menu li a{ text-decoration:none; color:#555555;clear:both;  }
#menu li a:hover{ color:#6b0b0b }

.thumbnail-grid {
    text-indent: 0;
    margin-left: 0;
}
.thumbnail-grid img {
    float:left;
    margin: 0 3px 3px 0;
}

#profilePic { margin-bottom:10px; text-align:center }
#pageHeading { padding-bottom:10px; background:url(../images/titleUnderline.jpg) 50% 100% no-repeat; height:75px }
#pageHeading h1 { float:left; margin-bottom:0 }
#pageHeading .join {
    float:right;
    margin-top:5px;
    background:url(../images/subMenuBgup.jpg) 0 0 repeat-x;
    border:1px solid #b1b1b1;
}
#pageHeading .join a {
    display:block;
    padding:5px 8px;
    color:#555;
    text-decoration:none;
}
#pageHeading .join a:hover { background:url(../images/subMenuBgOver.jpg) 0 0 repeat-x; color:#6b0b0b }
#breadCrumb { font-style:italic;}
#breadCrumb a { text-decoration:none; color:#555;}
#breadCrumb a:hover { text-decoration:underline;}

#tabBody{ background:url(../images/tabBodyBg.jpg) no-repeat -2px 0px; width:703px; padding:10px; padding-top:20px;}
#tabBtn{margin-top:10px; height:40px;}
#tabBtn ul { padding:0px; margin:0px; list-style:none; }
#tabBtn li{ float:left; padding:10px; border:1px solid #dedede; margin-right:5px; height:40px; border-bottom:0px; padding-top:0px; padding-bottom:0px; line-height:40px; background:#f6f6f6; font-size:14px; color:#505050;}

.personal-tab #tabBtn #personalTab,
.company-tab #tabBtn #companyTab,
.projects-tab #tabBtn #projectsTab,
.updates-tab #tabBtn #updatesTab,
.info-tab #tabBtn #infoTab,
.groups-tab #tabBtn #groupsTab,
.files-tab #tabBtn #filesTab,
.events-tab #tabBtn #eventsTab,
.pages-tab #tabBtn #pagesTab,
.inbox-tab #tabBtn #inboxTab,
.outbox-tab #tabBtn #outboxTab,
.compose-tab #tabBtn #composeTab,
.trash-tab #tabBtn #trashTab {
    position:relative;
    color:#212121;
    background:url(../images/tabBg.jpg) repeat-x;
    border:1px solid #b1b1b1;
    border-bottom:none;
    z-index:4000;
    height:43px;
}
.personal-tab #tabBtn #personalTab a,
.company-tab #tabBtn #companyTab a,
.projects-tab #tabBtn #projectsTab a,
.updates-tab #tabBtn #updatesTab a,
.info-tab #tabBtn #infoTab a,
.groups-tab #tabBtn #groupsTab a,
.files-tab #tabBtn #filesTab a,
.events-tab #tabBtn #eventsTab a,
.pages-tab #tabBtn #pagesTab a,
.inbox-tab #tabBtn #inboxTab a,
.outbox-tab #tabBtn #outboxTab a,
.compose-tab #tabBtn #composeTab a,
.trash-tab #tabBtn #trashTab a {
    color:#212121;
    text-shadow:#fff 1px 1px 1px;
}
#tabBtn ul a { text-decoration:none; color:#505050 }
#tabBtn ul a:hover { text-decoration:underline }

/* Posts */
.post {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
}
.post .body {
    float: left;
    padding: 15px;
    background: #e3e3e3;
    width: 575px;
}
.post .body h3 { display: inline; margin-right: 8px }
.post .avatar {
    float: left;
    padding-left: 30px;
    background: url(../images/commentPointer.gif) 0 10px no-repeat;
}
/*.featured .body { background-color:#fff0cc }
.featured .avatar {}*/
.post .meta {
    margin-top: 10px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
}
.post .tags { float: right }
.post a { text-decoration:none; color:#6b0b0b }

/* Post comments */
.post-comment { margin-top:4px }
.post-comment .body {
    padding:6px 8px;
    background:#d9d9d9;
    width:510px
}
.post-comment .body h3 { margin-right:4px; font-size:12px }
.post-comment-form .body { padding-left:10px }
.post-comment .avatar {
    padding:2px 2px 2px 10px;
    background:none;
}
.post-comment .meta { margin-top:2px }
.post-comment-form .body { padding:0 8px }
.post-comment-form textarea { width:98% }
.post-comment-form input { margin:4px 0 0 0; font-size:11px }
.show-comments-link {
    display:block;
    margin-top:4px;
    padding:4px 0 4px 28px;
    background:#d9d9d9 url(../images/comments.png) 8px 50% no-repeat;
    line-height:20px;
    width:500px;
}
.post-attachment {
    display:block;
    margin-top:4px;
    padding:4px 0 4px 20px;
    background:url(../images/attachment.png) 0 50% no-repeat;
    line-height:20px;
}
.post-attachment-event { background:url(../images/date.png) 0 50% no-repeat }
.post-attachment-productattachment,
.post-attachment-serviceattachment { background:url(../images/package.png) 0 50% no-repeat }

.updateForm { margin-bottom:20px }
.updateForm .attachments { float:left; margin:0 }
.updateForm .attachments label {
    float:left;
    display:block;
    margin-right:3px;
    line-height:20px;
}
.updateForm .attachments a {
    float:left;
    display:block;
    padding:2px;
    text-indent:-6000px;
    line-height:20px;
    height:20px;
    width:20px;
}
.updateForm .attachments a:hover { padding:1px; border:1px solid #aaa; background-color:#eee }
.updateForm .attachments .file { background:url(../images/document.png) center center no-repeat }
.updateForm .attachments .event { background:url(../images/date.png) center center no-repeat }
#attachFilePane h3 { background:url(../images/document.png) 6px 4px no-repeat }
#attachEventPane h3 { background:url(../images/date.png) 6px 4px no-repeat }
.updateForm .attachment-form { margin:0 0 10px; border:1px solid #b1b1b1 }
.updateForm .attachment-form h3 {
    margin:0 0 8px 0;
    padding:0 0 0 28px;
    line-height:24px;
    border-bottom:1px solid #d1d1d1;
}
.updateForm .attachment-form h3 a {
    float:right;
    display:block;
    margin-right:5px;
    background:url(../images/cross.png) center center no-repeat;
    text-indent:-6000px;
    line-height:24px;
    width:16px;
}
.updateForm .attachment-form p { margin:15px auto 15px auto; width:280px }
.updateForm .attachment-form dl { margin:0 0 15px 0 }
.updateForm .attachment-form dt {
    float:left;
    display:block;
    margin:10px 10px 0 0;
    width:200px;
    text-align:right;
}
.updateForm .attachment-form dd {
    float:left;
    display:block;
    margin:10px 10px 0 0;
    width:470px;
}
.updateForm .submit { float: right }
.updateForm textarea { width:99% }

.icon { float: left; width: 18px; height: 20px }
.icon-info { background:url(../images/icon.jpg) 0px -2px no-repeat; margin-left:3px;}
.icon-update { background:url(../images/icon.jpg) -22px  -4px no-repeat; margin-top:3px; margin-left:3px;}
.icon-members { background:url(../images/icon.jpg) -5px -99px no-repeat; margin-top:1px; margin-left:3px;}
.icon-group { background:url(../images/icon.jpg) -5px -78px no-repeat; margin-top:1px; margin-left:3px;}
.icon-project { background:url(../images/icon.jpg) -3px -118px no-repeat; margin-top:2px; margin-left:5px;}
.icon-message { background:url(../images/icon.jpg) -2px -20px no-repeat; margin-top:3px; margin-left:3px;}
.icon-note { background:url(../images/icon.jpg) -4px -40px no-repeat; margin-top:3px; margin-left:3px;}
.icon-alert { background:url(../images/icon.jpg) -5px -59px no-repeat; margin-top:3px; margin-left:3px;}
.icon-account { background:url(../images/icon.jpg) -25px -38px no-repeat; margin-top:4px; margin-left:3px;}

.grid { border:1px solid #9f9f9f; font-family: Verdana, Geneva, sans-serif; border-right:0; margin-bottom:10px }

.grid table {
    margin:0;
    padding:0;
    border:none;
    width:100%;
    vertical-align:top;
    font-size:11px;
}
.grid th {
    padding-left:10px;
    background: url(../images/thBg.jpg) 0 0 repeat-x;
    border-bottom:1px solid #555;
    border-right:1px solid #9f9f9f;
    color:#333;
    text-align:left;
    height:25px;
    font-size:12px;
    line-height:25px;
    text-shadow:#fff 1px 1px 1px;
}
.grid td {
    border-right:1px solid #9f9f9f;
    height:17px;
    padding:3px 3px 3px 10px;
    line-height:17px;
    vertical-align:top;
}
.grid tr { background:#e9dbdb }
.grid thead tr:hover { background:url(images/tableBg.jpg) -1px -1px repeat-x; color:#6b0b0b }
.grid tr:hover td { background:#6b0b0b; color:#fff }
.grid tr:hover a { color:#fff; text-decoration:underline }
.grid td.checkbox { padding:3px 5px; text-align:center; vertical-align:middle; width:20px }
.grid .alt { background:#fff }
.grid .details-row { border-top:1px solid #c1c1c1; border-bottom:1px solid #919191 }
.grid .last-row { border-bottom:none }

.grid .trHightLight, .grid .alt .trHightLight { background:#3d80df; color:#fff }

/*.newAlert { font-weight:bold }*/

.tabNav {
    float:right;
    border:1px solid #b1b1b1;
    border-right:none;
    background:url(../images/subMenuBgup.jpg) 0 0 repeat-x
}
.tabNav input {
    margin:0;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:12px;
    background:none;
    border:none;
    cursor:pointer
}
.tabNav a, .tabNav input {
    float:left;
    display:block;
    padding:4px 5px;
    color:#555;
    text-decoration:none;
    border-right:1px solid #b1b1b1
}
.tabNav a:hover, .tabNav input:hover { background:url(../images/subMenuBgOver.jpg) 0 0 repeat-x; color:#6b0b0b }
.tabNav .active { background:url(../images/subMenuBgOver.jpg) 0 0 repeat-x; color:#6b0b0b }
.tabNav input.disabled { background:#D7D7D7; cursor:default }
.noToolbar { margin-bottom:10px }

#infoTab .tabNav { margin:15px 0 0 0 }
#infoTab h3 { font-size:18px; font-weight:bold; border-bottom:1px solid #b1b1b1 }
#infoTab dt {
    float:left;
    display:block;
    margin:10px 10px 0 0;
    width:320px;
    text-align:right;
    color:#8f8f8f;
}
#infoTab dd {
    float:left;
    display:block;
    margin:10px 10px 0 0;
    width:350px;
}

.section, .section-form { margin-top:10px }
#infoTab .section .tabNav { position:relative; right:0; top:16px; }
.section-form .corner-pocket {
    float:right;
    margin:0;
    cursor:pointer;
}

/*.profileTab h3{ font-size:18px; font-weight:bold; border-bottom:1px solid #b1b1b1; }*/
/*.profileTab .field{ width:320px; display:block; float:left; text-align: right; margin-right:10px; color:#8f8f8f; margin-bottom:10px; margin-top:10px;}*/
/*.profileTab .responds{width:350px; float:left; display:block; margin-bottom:10px; margin-top:10px;}*/

.inboxMenu { background:#d7d7d7; height:25px; padding:5px; border:1px solid #b1b1b1; border-bottom:none }
.inboxMenu .tabNav { float:left }
.viewOpt { float:right; height:20px; vertical-align:middle; margin-top:5px }
.viewOpt a { float:left; display:block; margin:0 0 15px 3px; padding:2px 0; text-indent:-5000px; width:23px; height:18px }
.viewOpt .show-grid { background:url(../images/show-grid.gif) 50% 50% no-repeat }
.viewOpt .show-list { background:url(../images/show-list.gif) 50% 50% no-repeat }
.viewOpt .show-thumbs { background:url(../images/show-thumbs.gif) 50% 50% no-repeat }
.viewOpt .selected { padding:1px 0; border:1px solid #aaa; background-color:#fff }

.list { border:1px solid #b1b1b1; margin-bottom:10px }
.list .category { margin:0 10px; padding:6px 0 }
.list .item { float:left; width:681px; padding:10px; background:#e9dbdb }
.list .item img { float:left; margin-right:10px }
.list .item h3 { margin:0; display:block; font-weight:normal; text-shadow:none }
.list .item h3 .intro { font-size:12px; color:#999; font-weight:normal }
.list .item .date { font-style:italic }

.list .item input { float:right }
.alt, .list .alt { background:#fff; }

.files .item img { margin-right:20px }
.files .item h3 .intro { font-size:12px; color:#333; font-weight:normal }
.list .item .date { display:block; padding-top:8px }
.files .item a { color:#6b0b0b; text-decoration:none }

.events { border:1px solid #b1b1b1; padding:15px }
.events h3 { border-bottom:1px solid #b1b1b1; padding-bottom:5px; margin-bottom:5px }
.events .item { margin-bottom:15px }
.events .item img { float:left; margin-right:15px }
.events .item h4 { color:#6b0b0b; font-size:12px; margin:0px }
.events .show-detail-link {
    float:right;
    padding-left:20px;
    background:url(../images/map.png) left center no-repeat;
    line-height:16px;
    height:16px;
}

.permissions {
    margin:0 5px 10px;
    border:1px solid #ccc;
    border-bottom:none
}
.permissions td, .permissions th {
    padding:5px;
    vertical-align:top;
    text-align:left;
    border-bottom:1px solid #ccc
}
.permissions thead th {
    background:#e9e9e9 url(../images/lock.png) 6px 50% no-repeat;
    padding:5px 30px;
    font-weight:bold
}


#thumbnailView {
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    margin-bottom:10px;
}
#thumbnailView .thumbnails {
    margin-bottom:10px;
    border:1px solid #b1b1b1;
    background:#f0f0f0
}
#thumbnailView .item {
    float:left;
    margin:5px 0;
    padding:10px;
    text-align:center;
    width:155px;
    height:155px;
}
#thumbnailView .item:hover {
    background:url(../images/fileThumbnailBg.png) no-repeat center top;
    cursor:pointer;
}
#thumbnailView h3 {
    margin-bottom:0;
    font-family:Georgia, "Times New Roman", Times, serif;
}
#thumbnailView h3 span { white-space:nowrap }
#thumbnailView img { margin-bottom:10px }

.searchMessage { border:1px solid #6a6a6a; margin-left:5px; margin-right:5px; height:20px; width:200px; vertical-align:middle; margin-top:1px; font:arial, Geneva, sans-serif; color:#666; float:left;}