/***************************************************************************/
html, body{
    height: 100%;
}
BODY {
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial, Tahoma, sans-serif;
    color: #333;
    position: relative;
    left:0px;
    top:0px;
    width: 100%;
    min-width: 960px;
}
.body {
    position: relative;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-image: url(/images/body-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
}
#start .body {background-image: url(/images/body-start-bg.png);}

#start .body.body-white {
    background-image: url(/images/body-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    left: 0px;
    top: 0px;
    min-height: 97%;
}
/*** Header ****************************************************************/
.header {
    text-align: left;
    position: relative;
    height: 136px;
    z-index: 1000;
}

.reg .header {
    width: 500px;
}
/******************************************/

.bread-crumbs {
    float: left;
    width: 670px;
    height: 22px;
    line-height: 22px;
    text-indent: 10px;
    font: 14px arial,sans-serif;
    color: #777;
}

.bread-crumbs a,
.bread-crumbs a:visited{
    color: #777;
    line-height: 22px;
    text-decoration: none;
}

.bread-crumbs a:hover {
    text-decoration: underline;
}

/*******************************************/
.info {
    width: 280px;
    float: right;
    height: 86px;
    background: url(/images/infobox-base_c.gif) repeat-x left 22px;
    position: relative;
}

.info .bord_l{
    width:7px;
    height: 63px;
    background: url(/images/infobox-base_l.gif) repeat-x left 0px;
    position: absolute;
    left: 0px;
    top: 22px;
}

.info .bord_r{
    width:7px;
    height: 63px;
    background: url(/images/infobox-base_r.gif) repeat-x left 0px;
    position: absolute;
    right: 0px;
    top: 22px;
}

.info .cont{
    padding: 0 11px;
}

.info .cont a.welcome{
    padding: 0 0;
}

.info .cont a.welcome span{
    display: block;
    background: url(/images/ico-user.gif) no-repeat left 4px;
    padding: 0 0 0 25px;
    font: bold 14px "Trebuchet MS";
    line-height: 22px;
    color: #003366;
    float: left;
    width: 190px;
    margin: 0 0 5px;
    overflow: hidden;
}

/*******************************************/
.version-of-application {
    float: right;
    margin-top: 3px;
}

/*******************************************/
.logo-slogan {
    position: absolute;
    top: 23px;
    left: 3px;
    width: 657px;
    height: 77px;
}
.logo-slogan TD{
    vertical-align: middle;
}

a.logo {
    /*display: inline-block;*/
    position: relative;
    overflow: hidden;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Trebuchet MS', sans-serif;
    color: #036;
    text-decoration: none;
    cursor: pointer;
}
a.logo:hover {
    text-decoration: none;
}
    a.logo IMG {
        display: block;
    }
.logo span {
    color: #6389AF;
}
.logo span.bg {
    display:block;
    width:205px;
    height:38px;
    position:absolute;
    left:0;
    top:0;
    background:transparent url(/images/logo-pharmapeak.png) no-repeat scroll 0 0;
    z-index:1;
}

/*** Select Community on header************************************/
DIV.community {
    width: 250px;
    float: left;
    /*
    padding: 0px 12px 0px 0px;
    position: absolute;
    left: 245px;
    top: 50px;
    */
    z-index: 2500;
}
.community SPAN.sel {
    float: left;
    height: 21px;
    line-height: 21px;
    /*padding: 0 5px;*/
    font-size: 12px;
    font-family: tahoma,sans-serif;
    color: #777;
}

.community a.btn_dropdown,
.community a.btn_dropdown:visited {
    display: block;
    background: url(/images/arrow-down.png) no-repeat center center;
    height: 21px;
    width: 16px;
    float: left;
    cursor: pointer;
}

.community a.btn_dropdown_hover,
.community a.btn_dropdown_hover:visited,
.community a.btn_dropdown_hover:hover {
    display: block;
    background: url(/images/pharmadropdown-right-over.gif) no-repeat center center;
    height: 21px;
    width: 21px;
    float: left;
    cursor: pointer;
}
.community .sub {
    position: absolute;
    left:0px;
    top:19px;
    float: none;
    width: 240px;
    padding: 10px;
    background: #FCFCFC;
    border: 1px solid #B3D0E4;
    z-index: 10000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow:
        0 1px 2px 1px rgba(0,0,0,.1);
    -webkit-box-shadow:
        0 1px 2px 1px rgba(0,0,0,.1);
    -o-box-shadow:
        0 1px 2px 1px rgba(0,0,0,.1);
    -ms-box-shadow:
        0 1px 2px 1px rgba(0,0,0,.1);
    box-shadow:
        0 1px 2px 1px rgba(0,0,0,.1);
}
.community .sub a {
    font: 11px "Trebuchet MS";
    line-height: 20px;
    color: #41698D;
    white-space: nowrap;
}
.community .sub .title{
    font: 11px "Trebuchet MS";
    color: #777;
}
.community .sub strong{
    font: bold 12px "Trebuchet MS";
    color: #003366;
}
.community .sub .dev{
    background: url(/images/comm-popup-border.gif) repeat-x left 5px;
    font-size: 1px;
    height: 10px;
}
#list_1{
    display: none;
}
/******************************************************************/

.content {
    padding: 20px 0 40px;
    /* min-height: 100px; */
}
#start .content {padding-top: 0;}

#start .body-white #content_main {
    padding-top: 20px;
}

.footer {
    text-align: center;
    color: #777777;
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
}

.footer a.link_button {
    margin-left: 360px;
}

.footer a.link_button .name.button_text {
    width: 220px;
}

/*** For page "Sign Up" *****************/
#signup .container {
    width: 756px;
}

/*#unlogged .logo-slogan {
    width: 756px;
    height: 75px;
    padding-top: 24px;
}*/

#signup .content {
    background: #EEF7FB url(/images/noc-login-bg.png) no-repeat 0 0;
    margin: 30px 0 100px 0;
    height: 302px;
    padding: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#signup h1 {
    background: url(/images/ico/ico-login.png) no-repeat left 2px;
    font: italic bold 20px Trebuchet MS, Arial, sans-serif;
    text-transform: uppercase;
    color: #003366;
    padding-left: 21px;
    line-height: 23px;
    margin: 10px 0 0 12px;
}

#signup .content form.login-cont {
    height: 200px;
    width: 500px;
    position: relative;
    top: 0px;
    left: 235px;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#signup .content form.login-cont table {
    margin: 30px auto;
    font: 18px "Trebuchet MS";
    color:#777777;
}

#signup .content .cont table .td_btn {
    text-align: right;
}


/******************************************/

#unlogged .container {
    width: 756px;
}

/******************************************/

/* MAIN LOGIN PAGE*/
BODY.main-login {
    background: transparent url("/images/LowRes-2kpx-88.jpg") no-repeat top center;
    min-width: 153px;
}
.main-login .container {
    width: 100px !important;
}
.main-login UL {
    position: absolute;
    width: 160px;
    top: 350px;
    left: 173px;
    list-style: none;
    padding: 0;
    margin: 0;

}

.main-login LI.community.active A.nav,
.main-login LI.community.active A.nav:hover,
.main-login LI.community.active A.nav:active {
    background: none;
}
.main-login a.nav span.name,
.main-login a.nav:visited span.name,
.main-login a.nav:hover span.name,
.main-login .active a.nav span.name,
.main-login .active a.nav:visited span.name,
.main-login .active a.nav:hover span.name {
    font-size: 11px;
    line-height: 20px;
}
.main-login A.nav:hover SPAN.name,
.main-login .active A.nav SPAN.name,
.main-login .active A.nav:visited SPAN.name,
.main-login .active A.nav:hover SPAN.name  {
    background: url("/images/ico/ico-login-communities.gif") no-repeat right 8px;
    padding-right: 10px;
}
.main-login LI.community .sub {
    top: 20px;
    left: 10px;
}

.main-login FORM {display: none;}
.main-login FORM.login-cont {
    display: block!important;
    position: absolute;
    top: 300px;
    left: -372px;
}
BODY.main-login H1 {
    position: absolute;
    top: 0;
    left: 550px;
    background: none!important;
    margin: 0!important;
    padding: 0!important;
    min-width: 278px;
}
.main-login TD.fname {
    text-align: right;
    font-weight: bold;
}

.main-login a.forgot {
    font-size: 12px;
}
#signup.main-login h1 {
    text-transform: none;
}
.main-login .login-cont .f_l {
    padding-top: 6px!important;
}

.main-login .btn_login {
    background: none;
    color: #1D3D94;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
}
.main-login .inp_signup {
    background: none;
    border-color: #1277C9 /* #10BEF3 */;
}
.main-login .footer {
    width: 153px;
    margin: 0 auto;
    position: static;
}
.main-login .status_msg {
    position: absolute;
    left: -130px;
}
.btn-noc-member {
    display: block;
    float: right;
    width: 126px;
    height: 19px;
    margin: 7px 15px 0 0;
    background: url(/images/btn-noc-member.png) no-repeat 0 0;
}

/******************************************/

/*** This style for main content column ***/
.main {
    width: 740px;
    float: left;
    overflow: hidden;
}
/* Title for project ************/
.title_page {
    border-bottom: 1px solid #DEDEDE;
    padding: 0 10px 0 0;
    /*overflow: hidden;*/
    margin-bottom: 10px;
}
    .title_page:after {
        display: block;
        clear: both;
        content: "";
    }
.title_page.with-navbar {
    border: 0!important;
    margin-bottom: 5px;
}
.title_page h1 {
    float: left;
    border-bottom: none;
    padding-top: 0;
}
.title_without_marg_bot {
    margin-bottom: 0px;
}
/******************************************/

/** Title of a part ***********************/
.title {
    border-bottom: 1px solid #DEDEDE;
    padding: 0 0px 0 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.cont .title {
    margin-bottom: 0px;
}
.title h1 {
    float: left;
    border-bottom: none;
}
.title a.stand{
    float: right;
}
/******************************************/

/** Title of a information block ******************/
.title-block {
    overflow: hidden;
    margin: 20px 0 1px 0;
    position: relative; /* needed for profile-personal: position of eyes is absolute */
    z-index: 10;
    border-bottom: 1px solid #B3D0E4;
}
/*.title-block {
    overflow: hidden;
    font: 14px/20px Arial, Tahoma, Sans-serif;
    color: #557AA2;
    margin: 20px 0 1px 0;
    padding:0;
    background: #548AC3;
    position: relative; *//* needed for profile-personal: position of eyes is absolute *//*
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    z-index: 10;
}*/

/* Title for blocks event and groups */
.title-block.event-group {
    margin:20px 0 0;
}
/*************************************/

.title-block H4 {
    display: block;
    float: left;
    min-height: 26px!important;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    border-bottom: none;
    color: #409EDD;
    margin:0;
    padding-left: 10px;
}

/*.title-block H4 A {
    font: 14px/20px Arial, Tahoma, Sans-serif;
    color: #fff;
    font-style: normal;
}*/
/*.title-block  h4 {
    display: block;
    float: left;
    font: 14px/20px Arial, Tahoma, Sans-serif;
    margin-right: 10px;
    min-height: 20px!important;
    border: none;
    color: #fff;
    margin:0;
}

.title-block h4 a {
    font: 14px/20px Arial, Tahoma, Sans-serif;
    color: #fff;
    font-style: normal;
}*/

.title-block h4 a.stand .name{
    font-style:normal;
}

.title-block a.stand {
    float: right;
}

.title-block a.stand .bord_l,
.title-block a.stand .bord_r {
    background: none;
}
.title-block a.stand .bg {
    background:none;
}
.title-block a.stand .name {
    color: #fff;
}

/**** End Title of a information block **********/

/*** This style for site bar column **************************************/
.sidebar {
    width:200px;
    float: right;
    /*overflow: hidden;*/
    padding-top: 26px;
}

.sidebar.fixed {
    position: fixed;
    top: -10px;
}


/** Search on sidebar ******************/
.sidebar_search{
    height: 34px;
    background: url(/images/search-bg-c.gif) repeat-x left top;
    margin-bottom: 26px;
}
.sidebar_search .bord_l{
    float: left;
    height: 34px;
    width: 8px;
    background: url(/images/search-bg-l.gif) no-repeat left top;
}
.sidebar_search .bord_r{
    float: left;
    height: 34px;
    width: 8px;
    background: url(/images/search-bg-r.gif) no-repeat right top;
}
.search {
    display: block;
    float: right;
    width: 184px;
    height: 21px;
    margin: 6px 12px 0 0;
}
.search table {
    background: url(/images/search-input-bg.gif) no-repeat right 9px;
    width: 180px;
    margin: 0 auto;
    height: 24px;
    overflow: hidden;
    font: 14px/24px "Trebuchet MS";
    color: #fff;
}
.search table td{
    vertical-align: middle;
    padding-top: 4px;
}

.search .inp_search {
    font: 12px Arial;
    color: #777;
}

.search table .inp_search{
    width: 105px;
    height: 13px;
    overflow: hidden;
    font-size:10px;
    padding: 0px;
    background: none;
    border: none;
}
.search table .btn_search{
    display: block;
    width: 15px;
    height: 13px;
    overflow: hidden;
    border: none;
    background: none;
    cursor: pointer;
}

.search .span-search {
    background: url(/images/search-sprite.png) no-repeat 0 0;
    width: 2px;
    height: 21px;
    display: block;
    float: left;
}

.search .input-search {
    background: url(/images/search-sprite.png) repeat 0px 42px;
    border: none;
    height: 21px;
    font: 12px Arial;
    color: #777;
    display: block;
    float: left;
    width: 160px;
    line-height: 21px;
}

.search .btn-search {
    background: url(/images/search-sprite.png) no-repeat 0 -42px;
    border: none;
    height: 21px;
    width: 17px;
    display: block;
    float: left;
}
/*******************************************/

/*** This styles for Blue box on sidebar ***/

.sidebar_navigator,
.extended {
    width: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}

.sidebar_navigator .cont,
.extended .cont,
.company_locations {
    padding: 4px;
    background: #F2F8FF;
    border: 1px solid #BFDBFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.sidebar_navigator .bot,
.extended .bot {
    display:none;
}

.sidebar_nav div {
    display: block;
    background: url(/images/btn-function-sprite.png) no-repeat left center;
    width: 190px;
    height: 24px;
    margin-bottom: 6px;
}
.sidebar_nav div:hover {
    background: url(/images/btn-function-sprite.png) no-repeat left bottom;
}
.sidebar_nav div.action {
    background: url(/images/btn-action-sprite.png) no-repeat left top;
}
.sidebar_nav div.action:hover {
    background: url(/images/btn-action-sprite.png) no-repeat left bottom;
}

.sidebar_nav div.last {
    margin-bottom: 0px;
}

.sidebar_nav .last.back{
    margin-top: 20px;
}

.sidebar_nav div.btn_disabled {
    background: url(/images/btn-function-sprite.png) no-repeat left top;
}
.sidebar_nav span.label_box {
    display: block;
    color: #B9C5D3;
    font: bold 10px Tahoma,sans-serif;
    padding: 1px 0 7px;
}



/*** Links sidebar in sidebar_navigator ************/
.sidebar_nav a,
.sidebar_nav a:visited{
    display: block;
    width: 163px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #003366;
    padding-left: 27px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}
.sidebar_nav a.compose{
    background: url(/images/ico/ico-message.png) no-repeat 6px center !important;
}
.sidebar_nav a.contact-all{
    background: url(/images/ico/ico-report.png) no-repeat 6px center !important;
}

.sidebar_nav a.csv-export{
    background: url(/images/ico/ico-export-csv.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.read{
    background: url(/images/ico/ico-msg-open.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.unread{
    background: url(/images/ico/ico-unread.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.reply{
    background: url(/images/ico/ico-msg-reply.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.accept{
    background: url(/images/ico/ico-accept.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.resend{
    background: url(/images/ico/ico-msg-resend.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.send{
    background: url(/images/ico/ico-msg-send.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.introduce{
    background: url(/images/ico/ico-introduce.png) no-repeat 6px center !important;
    cursor:pointer;
}
.sidebar_nav a.recommend{
    background: url(/images/ico/ico-recommend.png) no-repeat 6px center !important;
    cursor:pointer;
}

.sidebar_nav a.delete{
    background: url(/images/ico/ico-delete.png) no-repeat 6px center !important;
    margin: 0px;
    cursor:pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.sidebar_nav a.edit{
    margin: 0px;
    cursor:pointer;
    background: url(/images/ico/ico-edit.png) no-repeat 6px center !important;
}
.sidebar_nav a.participate {
    margin: 0px;
    cursor:pointer;
    background: url(/images/ico/ico-event-participate.png) no-repeat 6px center !important;
}

.sidebar_nav a.approve {
    background: url(/images/ico/ico-accept.png) no-repeat 6px center !important;
}
.sidebar_nav a.decline {
    background: url(/images/ico-usr-deactivate.gif) no-repeat 6px center !important;
}
.sidebar_nav a.activate {
    background: url(/images/ico/ico-accept.png) no-repeat 6px center !important;
}
.sidebar_nav a.new {
    background: url(/images/ico/ico-add.png) no-repeat 6px center !important;
}
.sidebar_nav a.create-discussion {
    background: url(/images/ico/ico-discussion-add.png) no-repeat 6px center !important;
}
.sidebar_nav a.discuss{
    background: url(/images/ico/ico-discuss.png) no-repeat 6px center !important;
}
.sidebar_nav a.leave {
    background: url(/images/ico/ico-leave.png) no-repeat 6px center !important;
}
.sidebar_nav a.deactivate {
    background: url(/images/ico/ico-deactivate.png) no-repeat 6px center !important;
}
.sidebar_nav a.restore{
    background: url(/images/ico/ico-restore.png) no-repeat 6px center !important;
}
.sidebar_nav a.reminder{
    background: url(/images/ico/ico-reminder.png) no-repeat 6px center !important;
}
.sidebar_nav a.invite{
    background: url(/images/ico/ico-contact-add.png) no-repeat 6px center !important;
}
.sidebar_nav a.block{
    background: url(/images/ico-cancel.gif) no-repeat 6px center !important;
}
.sidebar_nav a.block-user {
    background: url(/images/ico/ico-usr-block.png) no-repeat 6px center !important;
}
.sidebar_nav a.unblock-user {
    background: url(/images/ico/ico-usr-unblock.png) no-repeat 6px center !important;
}
.sidebar_nav a.decline{
    background: url(/images/icons/ico-reject.png) no-repeat 6px center !important;
}
.sidebar_nav a.add{
    background: url(/images/ico/ico-folder-add.png) no-repeat 6px center !important;
}
.sidebar_nav a.add-group{
    background: url(/images/ico/ico-group-create.png) no-repeat 6px center !important;
}
.sidebar_nav a.notify-admin{
    background: url(/images/ico/ico-report.png) no-repeat 6px center !important;
}
.sidebar_nav a.add-file{
    background: url(/images/ico/ico-file-add.png) no-repeat 6px center !important;
}
.sidebar_nav a.add-folder{
    background: url(/images/ico/ico-folder-new.png) no-repeat 6px center !important;
}
.sidebar_nav a.move{
    background: url(/images/icons/ico-move.png) no-repeat 6px center !important;
}
.sidebar_nav a.folder-move{
    background: url(/images/ico/ico-move-folder.png) no-repeat 6px center !important;
}
.sidebar_nav a.download{
    background: url(/images/ico/ico-download.png) no-repeat 6px center !important;
}
.sidebar_nav a.publish,
.sidebar_nav a.share {
    background: url(/images/ico/ico-news-share.png) no-repeat 6px center !important;
}
.sidebar_nav a.unpublish,
.sidebar_nav a.unshare {
    background: url(/images/ico/ico-news-unshare.png) no-repeat 6px center !important;
}
.sidebar_nav a.back{
    background: url(/images/ico/ico-back.png) no-repeat 6px center !important;
}
.sidebar_nav a.event{
    background: url(/images/ico/ico-event-add.png) no-repeat 6px center !important;
}
.sidebar_nav a.preview{
    background: url(/images/ico/ico-template-preview.png) no-repeat 6px center !important;
}
.sidebar_nav a.duplicate{
    background: url(/images/ico/ico-template-duplicate.png) no-repeat 6px center !important;
}
.sidebar_nav a.standard{
    background: url(/images/ico/ico-template-default.png) no-repeat 6px center !important;
}
.attachment-icon {
    background: url(/images/ico/ico-attachment.png) no-repeat;
    display: block;
    float: right;
    overflow: hidden;
    font-size: 0;
    width: 26px;
    margin: 2px;
    height: 9px;
    clear: right;
}

.sidebar_nav .btn_disabled a,
.sidebar_nav .btn_disabled a:visited{
    color: #777;
    cursor: default;
}

/***************************************************/


/*********************************************************************/

/*** This styles for extended box(Grey box) on sidebar ***/

.extended .title {
    overflow: hidden;
    border-bottom: 1px solid #ADADAD;
    padding: 0 7px;
    background: none;
}
.extended .title h3.no-icon {
    background-image: none;
    padding-left: 0px;
}
.extended .cont .content {
    padding: 0 7px;
    border-top: 1px solid #fff;
    margin:0;
}

.extended .cont .short {
    border-top: none;
}

.extended .cont .content div {
    padding-bottom:4px;
}

.extended .cont .content ul {
    margin-left: 10px;
    font-size: 11px;
}

.extended .cont .content a {
    line-height: 15px;
}

.extended_photo {
    padding: 10px 0 8px;
    text-align: center;
}


/* new infobox section */

.popup-infobox {
    min-height: 120px;
}

.popup-infobox-photo {
    float: left;
    text-align: left;
}

.popup-infobox-info {
    float: left;
    text-align: left;
    padding-left: 10px;
    width: 180px;
}

.popup-infobox-communities {
    float: left;
    text-align: left;
    padding-left: 10px;
}

.popup-infobox-groups {
    float: left;
    text-align: left;
    padding-left: 20px;
    height: 110px;
}

.popup-infobox-user-details {
    padding: 5px 0 10px 0;
}

/*******************************************/
/*****************************************************************************/

/*** Pager *******************************************************************/
.pager {
    text-align: center;
}

.pager table tr td {
    padding: 0 3px;
    text-align: center;
}

.pager table tr td.num_page {
    padding: 0 3px;
    text-align: center;
}

.pager table tr td.td_first {
    padding: 0 3px 0 0;
    text-align: center;
}

.pager table tr td.td_last {
    padding: 0 0 0 3px;
    text-align: center;
}

.pager table {
    margin: 7px auto;
    height: 20px;
    background: #A0B9D2;
}

.pager a.first,
.pager a.first:visited {
    display: block;
    background: url(/images/pager-first.gif) no-repeat left top;
    width: 18px;
    height: 20px;
}

.pager a.first:hover {
    background: url(/images/pager-first-over.gif) no-repeat left top;
}

.pager a.prev,
.pager a.prev:visited {
    display: block;
    background: url(/images/pager-prev.gif) no-repeat left top;
    width: 18px;
    height: 20px;
    border-right: 1px solid #fff;
}

.pager a.prev:hover {
    background: url(/images/pager-prev-over.gif) no-repeat left top;
}

.pager a.next,
.pager a.next:visited {
    display: block;
    background: url(/images/pager-next.gif) no-repeat left top;
    width: 17px;
    height: 20px;
    border-left: 1px solid #fff;
}

.pager a.next:hover {
    background: url(/images/pager-next-over.gif) no-repeat left top;
}

.pager a.last,
.pager a.last:visited {
    display: block;
    background: url(/images/pager-last.gif) no-repeat left top;
    width: 18px;
    height: 20px;
}

.pager a.last:hover {
    background: url(/images/pager-last-over.gif) no-repeat left top;
}

.num_page a,
.num_page a:visited {
    font: bold 12px/20px Arial, Helvetica, sans-serif;
    color:#003366;
    text-decoration: none;
}

.num_page a:hover,
.num_page a.current,
.num_page a.current:visited,
.num_page a.current:hover {
    font: bold 12px/20px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color:#fff;
}

.list-page { /* input for entering grid page number */
    width: 36px;
    border: none;
    background: #B8CBDD!important;
    color: #fff;
    padding:0 3px;
    font-weight: bold;
}

.pager strong {
    font-weight: bold;
}

.pager .td_form {
    border-left: 1px solid #fff;
    padding: 0 3px;
}
/*****************************************************************************/

/*** This style for messages part (example messages inbox)****/
/*** Messages title ***/
ul.message_nav {
    display: block;
    float: left;
    list-style: none;
}

ul.message_nav li {
    display: block;
    float: left;
}

ul.message_nav a,
ul.message_nav a:visited,
ul.message_nav a:hover {
    display: block;
    float: left;
    background: url(/images/ico-folder.gif) no-repeat left center;
    padding-left: 30px;
    height: 28px;
    margin-right: 15px;
    font-size: 14px;
    color: #003366;
    line-height: 28px;
}

.messages_title {
    border-bottom: 1px solid #DEDEDE;
    height: 30px;
}

.messages_title table {
    margin-left: 2px;
}

.messages_title label{
    color: #003366;
    font: 12px "Trebuchet MS";
}
/************************/

/*** Messages content ***/
.messages_container {
    overflow: hidden;
}

.messages_container.group-notifications {
    padding: 0 10px 1px 0;
}

.messages_item {
    overflow: hidden;
    margin-top: 1px;
    padding: 8px 0;
    color: #333;
    border-bottom: 1px solid #E9E9E9;
}

.messages_item .check_item {
    padding: 0 8px;
    float: left;
    width: 12px;
    overflow: hidden;
    margin-top: 10px;
}

.messages_item .photo {
    padding: 0 8px;
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-align: center;
}

.messages_item .photo_comm {
    padding: 0 8px;
    float: left;
    width: 32px;
    overflow: hidden;
}

.messages_item .data {
    padding: 0 8px;
    float: left;
    width: 185px;
    overflow: hidden;
}

.messages_item .theme{
    padding: 0 8px;
    float: left;
    width: 370px;
    overflow: hidden;
}
.messages_item .theme_comm{
    padding-left: 8px;
    float: left;
    width: 415px;
    overflow: auto;
}
.messages_item .theme h2{
    float: left;
    width: 420px;
    overflow: hidden;
}
.messages_item .theme h2.message-introduction{
    /* some specific styles there */
}

.messages_item .theme_comm h2{
    /* float: left; */
    width: 370px;
    overflow: hidden;
}
.messages_item .description{
    /* padding: 0 8px; */
    padding: 0;
    float: left;
    width: 414px;
    overflow: hidden;
}
.messages_item .description_comm{
   /* float: right;
     width: 428px; */
    overflow: auto;
}
.messages_item h2,
.messages_item h2 a,
.messages_item h2 a:visited{
    font-weight: normal;
}
.message-unreaded h2,
.message-unreaded h2 a,
.message-unreaded h2 a:visited{
    font-weight: bold;
}
.message-unreaded h2 a,
.message-unreaded h2 a:visited,
.messages_item h2 a,
.messages_item h2 a:visited{
    color: #0272BE;
}

.messages_item .history-data {
    padding: 0 8px;
    float: left;
    width: 185px;
    overflow: hidden;
}

.messages_item .history-theme{
    padding: 0 0 0 8px;
    float: left;
    width: 475px /*316px*/;
    overflow: hidden;
}
.messages_item .history-description{
    padding: 10px 0;
    float: right /*left*/;
    width: 483px /*414px*/;
    overflow: hidden;
}

.notif-group-object {
    clear: both;
    padding: 10px 0;
}
    .notif-group-object A {
        display: block;
        height: 50px;
        line-height: 50px;
        margin: 10px 0 0;
        font-size: 16px;
    }
    .notif-group-object A IMG {
        vertical-align: middle;
        margin-right: 10px;
    }

.messages_item h2 a.introduction-subject-box,
.messages_item h2 a.introduction-subject-box:visited  {
    /*width: 65px;*/
    margin-right: 7px;
    float: left;
    /*color: #003366;*/ /*what is it for?!?*/
    font-size: 11px;
    line-height: 12px;
    display: block;
    text-align: center;
    font-weight: normal;
}


a.introduction-subject-box SPAN {
    display: block;
}

a.introduction-subject-box SPAN.introduced-member {
    width: auto;
    float: left;
}

.message-history {}
.msg-history-switch {
    float: none;
    margin-bottom: 0;
    padding: 10px 0;
}

/************************/
/****************************************************************/
.title_table{
    overflow: hidden;
    position: relative;

}
.title_table h4{
    float: left;
    width: 600px;
    border-bottom: none;
    margin:0;
}
.title_table .options{
    float: right;
    width: 110px;
}

/*** Styles for Grid ********************************************/

.grid {
    border-bottom: 1px solid #DDDDDD;/*#8EABC8;*/
    margin-bottom: 5px;
    font: 12px/17px Tahoma, sans-serif;
    color: #646464;
}
TABL.groups-head,
FORM#groups TABLE.grid {
    table-layout: fixed;
}
.grid_full{
    width: 100%;
}
.grid th,
.grid_info th {
    background-color: #8EABC8;
    border-right: 1px solid #fff;
    font: 11px/20px Tahoma, sans-serif;
    color: #fff;
    padding:0 5px;
}
.grid th.th_grid_right{
    border-right: none;
}
.grid td{
    padding: 10px 5px;
    border-bottom: 1px solid #E9E9E9;
    color: #333;
    vertical-align: top;
}
.grid td table tr td,
.grid_info td table tr td {
    border: none;
    padding:0;
}
/*.odd td{
    border-bottom: 1px solid #fff;
}
.even td{
    border-bottom: 1px solid #fff;
}*/
.odd td table tr td{
    background: #fafafa;
    border-bottom: none;
    padding: 5px;
}
.even td table tr td{
    background: #fff;
    border-bottom: none;
    padding: 5px;
}

.grid TR.last TD {border-bottom: 0;}


.grid th.right{
    border-right: none;
}
.grid td.options{
    vertical-align: top;
    text-align: right;
}
.grid td.options .stand{
    float:none;
}
.grid td.check,
.grid th.check{
    /*text-align: center;*/
    width: 15px;
}

.grid td.check2,
.grid th.check2{
    vertical-align: middle;
    text-align: center;
    padding-top: 2px;
    width: 15px;
}

.grid_info{
    border-bottom: 1px solid #777777;/*#8EABC8;*/
    margin-top: 5px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font: 12px/17px Tahoma, sans-serif;
    color: #646464;
}

.grid TD.community_logo {width: 32px;}

.grid TD.check,
.grid INPUT.it_ids {vertical-align: middle;}

.grid TD.check.avatar {vertical-align: top;}

.grid .check.avatar INPUT.it_ids {margin-top: 16px;}

.grid TD IMG {vertical-align: top;} /*requests-list.tpl; Admin » Manage Groups » grid "Group creating and changing requests" */

.grid_info td {
    border-bottom: 1px solid #fff;
    padding: 0 5px;
}
/*.grid_info td table tr td{

}*/
/****************************************************************/

/* NEW grid (Venya) */
.grid2 {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.grid2 th {
    background: #8EABC8;
    padding: 4px 5px;
    color: white;
}
.grid2 th a {
    color: white;
}
.grid2 th a.sorted {
    background: url(/images/ico-sorted.png) no-repeat right 2px;
    padding-right: 12px;
}
.grid2 th a.sorted.desc {
    background-position: right -46px;
}
.grid2 th input {
    background: #8EABC8;
}
.grid2 td {
    padding: 4px 5px;
    border-bottom: solid #e9e9e9 1px;
}

.full {
    width: 100%;
    font: 12px/17px Tahoma, sans-serif;
    line-height: 20px;
}
.td_full{
    width: 100%;
    text-align: left;
    padding-left: 20px !important;
}
.td_nowrap{
    white-space: nowrap;
}
/* Filters before grid2	*/
table.grid2-filters {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.grid2-filters td {
    padding: 0 5px 5px 5px;
}
.grid2-filters label {
    font-size: #333;
    white-space: nowrap;
}
.grid2-filters .input {
    width: 100%;
}

/******************************************************************
/*** Styles for forms (this is 2 classes "form" and "form_big",
"form" use for forms have more elements,
"form_big" for forms have small elements) *************************/

.form_block{
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 15px 15px 0px;
    margin-bottom:5px;
}
.form_big{
    margin: 0px auto;
    font-size: 18px;
    color:#777;
}
.form {
    margin: 0px auto;
    font-size: 12px;
    color:#333;
}

.form.f_l {
    display: block;
}

.form th,
.form_big th{
    color: #698DB2;
}
.form td,
.form_big td{
    vertical-align: top;
    line-height: 22px;
}
input.text,
textarea,
select {
    border: 1px solid #CCC;
    margin-right: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-family: Tahoma, sans-serif;
    background-color: #FFF;
}
input.text:focus,
textarea:focus,
select:focus {border-color: #7FBCE5;}
 .no-x-scroll {
    overflow-x: hidden;
 }
input.text {
    height: 20px;
    line-height: 20px;
}
select {
    height: 22px;
}

.checkbox_red{ /* ≈ .invalid-field */
    border:1px solid #E10000;
    float: left;
    padding:2px;
}
.form_big input.text,
.form_big select{
    border: 1px solid #999;
    margin-right: 10px;
    font-size: 18px;
}
.form_big textarea{
    border: 1px solid #999;
    margin-right: 10px;
}
.form_big input.text{
    height: 26px;
    line-height: 26px;
}
.form_big select{
    height: 28px;
    line-height: 26px;
}


#compose-container-box {
    width: 515px;
}
#compose-container-box .td_button {
    padding-bottom: 5px;
}

FIELDSET.compose,
fieldset.litebox-form {
    border: none;
    display: block;
    width: 515px;
    z-index: 20001;
}

FIELDSET.compose label,
fieldset.litebox-form label {
    margin-bottom: 2px;
    float: left;
}

fieldset.compose div.field-value,
fieldset.litebox-form div.field-value,
fieldset.compose div.to_user_id_container_wrapper {
    width: 402px;
    margin: 0 0 8px;
    clear: both;
}
fieldset.litebox-form div.field-value {
    width: 512px;
}
fieldset.compose div.to_user_id_container_wrapper {
    margin-bottom: 10px;
}
FIELDSET.compose div.field-value,
fieldset.litebox-form div.field-value {
    float: none;
}

fieldset.compose input,
fieldset.compose textarea,
fieldset.litebox-form input,
fieldset.litebox-form textarea {
    width: 510px;
    height: 21px;
    padding: 0;
    margin-right: 0;
}

fieldset.compose textarea {
    height: 180px;
}

fieldset.compose div.to_user_id_container {
    float: left;
    margin: 0;
    width: 502px;
}

fieldset.compose .to_user_id_container > div {
    border: 1px solid #ccc;
    width: 510px!important;
}

fieldset.compose input.it_ids {
    width: auto;
    height: 14px;
}

.w_220{
    padding-left: 3px;
    width: 217px;
}
.w_210{
    padding-left: 3px;
    width: 207px;
}
.w_180{
    padding-left: 3px;
    width: 177px;
}
.w_100 {
    width: 100px;
}
.w_75 {
    width: 75px;
}
.w_280{
    padding-left: 3px;
    width: 277px;
}
.w_380{
    padding-left: 3px;
    width: 377px;
}
.w_240{
    padding-left: 3px;
    width: 237px;
}

select.w_220{
    padding-left: 5px;
    width: 222px;
}

.x-form-field-wrap .w_220{
    padding-left: 0;
    width: 217px;
}

select.w_input_220 {
    width: 222px;
}
select.w_input_240 {
    width: 247px;
}
select.w_240{
    padding-left: 5px;
    width: 240px;
}
.w_700{
    padding-left: 5px;
    width: 695px;
}
.options_sm{
    padding-left: 5px;
    width: 70px;
    float: right;
}
td.options_sm{
    padding-left: 5px;
    width: 115px;
    float: none;
}
.h_200 {
    height: 200px;
}
textarea.w_175{
    padding-left: 5px;
    width: 170px;
    height: 150px;
}
textarea.w_520{
    padding-left: 5px;
    width: 515px;
}
/*** What happened ***/
.what-happened-filters {
    width: 170px;
    float: right;
    margin-left: 10px;
}
.what-happened-filters div {
    margin: 10px 0;
}
.what-happened-filters div input {
    margin-right: 5px;
    vertical-align: top;
}
.what-happened {
    width: 550px;
}
.what-happened td {
    padding-top: 8px;
    padding-bottom: 8px;
}
.what-happened .pic {
    width: 32px;
    height: 32px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.what-happened .activity-info {
    display: inline-block;
    vertical-align: middle;
    max-width: 345px;
}
.what-happened .activity-file {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.what-happened .who {
    font-weight: bold;
}
.what-happened .date {
    width: 70px;
    color: gray;
    font-size: 11px;
}
.act-more.what-happened {
    width: 530px;
    border: none;
}


/***Box for messages on all pages project ***********************/
.status_msg{
    width: 370px;
    margin: 10px auto;
    background: url(/images/status-msg-ctr.gif) repeat-y left top;
}
.status_msg .top{
    height: 5px;
    background: url(/images/status-msg-top.gif) no-repeat left top;
}
.status_msg .btm{
    height: 5px;
    background: url(/images/status-msg-btm.gif) no-repeat left bottom;
}
.status_msg .cont{
    background: url(/images/ico-status-msg.gif) no-repeat 10px 5px;
    padding: 5px 10px 5px 30px;
    color: #9E8447;
    overflow: hidden;
}
/******************************************************************/


/*** Styles for Tabs **********************************************/
.wrap_tabs{/*ie7.css*/
    padding: 0;
    border-bottom: 1px solid #999;
    height: 49px;
    margin-bottom: 10px; /* delete BRs from tpls! */
    position: relative;
    z-index: 10;

}
ul.tabs {
    list-style: none;
    display: block;
    padding: 0 0 0 5px;
    margin: 0px;
    height: 50px;
}
ul.tabs li{
    display: block;
    margin:0;
    height: 25px;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 20;
}

ul.tabs li.tab_main{ /*ie7.css*/
    float: left;
    height: 37px;
    background: url(/images/tabs-summary-sprite.gif) no-repeat left top;
    padding-left: 4px;
    margin: 13px 0px 1px 0;
    overflow: hidden;
}

ul.tabs li.tab_main.second {
    margin-left: 2px;
}

ul.tabs li.title_page{
    float: left;
    height: 30px;
    margin: 20px 3px 0px 0;
    overflow: hidden;
    font: bold 16px/30px Arial, Tahoma, Sans-serif;
    color: #003366;
    padding: 0px 8px;
    border: none;
}
ul.tabs li.tab_main a,
ul.tabs li.tab_main a:visited,
ul.tabs li.tab_main a:hover{
    display: block;
    float: left;
    height: 37px;
    background: url(/images/tabs-summary-sprite.gif) no-repeat right -74px;
    padding-right: 4px;
    text-decoration: none;
    overflow: hidden;
}
ul.tabs li.tab_main a span{
    display: block;
    float: left;
    height: 37px;
    background: url(/images/tabs-summary-sprite.gif) repeat-x left -37px;
    padding: 6px 8px 0 8px;
    font: 16px/17px Arial, Tahoma, Sans-serif;
    color: #003366;
    cursor: pointer;
    overflow: hidden;
}
ul.tabs li.tab_main a span span.summary,
ul.tabs li.tab_main_current a span span.summary{
    display: block;
    font: 10px Arial, Tahoma, Sans-serif;
    float: none;
    height: auto;
    background: none;
    padding: 0;
}
ul.tabs li.tab_main_current{ /*ie7.css*/
    display: block;
    float: left;
    height: 38px;
    background: url(/images/tabs-summary-sprite.gif) no-repeat left -111px;
    margin: 12px 0px 0 0;
    padding-left: 4px;

}
ul.tabs li.tab_main_current a,
ul.tabs li.tab_main_current a:visited,
ul.tabs li.tab_main_current a:hover{
    display: block;
    float: left;
    height: 38px;
    background: url(/images/tabs-summary-sprite.gif) no-repeat right -187px;
    padding-right: 4px;
    text-decoration: none;
}
ul.tabs li.tab_main_current a span{
    display: block;
    float: left;
    height: 32px;
    background: url(/images/tabs-summary-sprite.gif) repeat-x left -149px;
    padding: 6px 8px 0 8px;
    font: bold 16px/17px Arial, Tahoma, Sans-serif;
    color: #2F2F2F;
    cursor: pointer;
}

ul.sub_tabs {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: visible;
    height:25px;
    line-height: 25px;
}
ul.sub_tabs li{
    display: block;
    float: left;
    height: 25px;
    background: url(/images/tabs-common-sprite.gif) no-repeat left top;
    padding-left: 4px;
    margin-left: 1px;
}
ul.sub_tabs li a,
ul.sub_tabs li a:visited,
ul.sub_tabs li a:hover{
    display: block;
    float: left;
    height: 25px;
    background: url(/images/tabs-common-sprite.gif) no-repeat right -50px;
    padding-right: 4px;
    text-decoration: none;
}
UL.sub_tabs LI A:focus,
UL.sub_tabs LI A:active {
    outline: none 0;
}
ul.sub_tabs li a span{
    display: block;
    float: left;
    height: 25px;
    background: url(/images/tabs-common-sprite.gif) repeat-x left -25px;
    padding: 0 8px;
    font: 12px/25px Arial, Tahoma, sans-serif;
    color: #003366;
    white-space: nowrap;
}
ul.sub_tabs li a span img {
    padding-bottom: 1px;
    vertical-align: middle;
}
ul.sub_tabs li.admin {
    background-position: left -225px;
    }
ul.sub_tabs li.admin a {
    background-position: right -275px;
}
ul.sub_tabs li.admin a span {
    background-position: left -250px;
    color: brown !important;
}
ul.sub_tabs li.current{
    display: block;
    float: left;
    height: 25px;
    background: url(/images/tabs-common-sprite.gif) no-repeat left -75px;
    margin-right: 0;
    padding-left: 4px;
}
ul.sub_tabs li.current a,
ul.sub_tabs li.current a:visited,
ul.sub_tabs li.current a:hover{
    display: block;
    float: left;
    height: 25px;
    background: url(/images/tabs-common-sprite.gif) no-repeat right -125px;
    padding-right: 4px;
    text-decoration: none;
}
ul.sub_tabs li.current a span{
    display: block;
    float: left;
    height: 25px;
    background: url(/images/tabs-common-sprite.gif) repeat-x left -100px;
    cursor:pointer;
    padding: 0 8px 0 8px;
    font: bold 12px/25px Arial, Tahoma, sans-serif;
    color: #2F2F2F;
}
ul.sub_tabs li.tab_disable {
    background-position: left -150px;
    -webkit-opacity: .6;
    opacity: .6;
}
ul.sub_tabs li.tab_disable a,
ul.sub_tabs li.tab_disable a:visited,
ul.sub_tabs li.tab_disable a:hover {
    background-position: right -200px;
    cursor: default;
}
ul.sub_tabs li.tab_disable a span {
    background-position: left -175px;
    color: #777;
}
UL.sub_tabs.upper {
    /*margin-top: 2px;*/
}
/******************************************************************/
.table_info{
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.table_info td{
    padding: 5px;
    border-bottom: 1px solid #E9E9E9;
}
.table_info TD IMG {vertical-align: middle;}
.table_info td.td_for_check{
    vertical-align: middle;
    padding: 0 5px;
    text-align: center;
    width: 30px;
}

.name_parameter{
    width: 220px;
    padding-left: 10px;
}
.wide_name_parameter {
    width: 320px;
    padding-left: 20px;
}
.td_for_photo{
    padding-left: 0;
    width: 32px;
    text-align: left; /* center*/
    vertical-align: top;
}

.td_sm_logo_comm{
    width: 112px;
    text-align: left;
}
.no-result{
    padding: 20px 0;
    text-align: center;
}
.table_communities td{
    background:#fafafa;
    border-bottom: 1px solid #fff;
    padding: 5px;
}
.user_photo{
    width:110px;
}

.invite_personal,
.invite_community,
.invite_group{
    margin-bottom:5px;
}

/* Invitations */

.table_invitations{
    color:#333;
}
.table_invitations a{
    color: #333;
    text-decoration: none;
}
.table_invitations a:hover{
    text-decoration: underline;
}
.table_invitations .td_status {
    font-size: 11px;
    color: gray;
    font-style: italic;
}
.table_invitations .peer {
    font-size: 13px;
    font-weight: bold;
}
.table_invitations .td_check {
    width: 20px;
    padding-right: 0px;
    text-align: right;
}

.table_invitations td.td_status .status {
    text-transform: capitalize;
}

tr.invite_personal .status {
    color: #0C3B00;
}

tr.invite_community .status {
    color: #003054;
}

tr.invite_community_personal .status {
    color: #0C3B00;
}

.invitation_subject {
    color: #0D3E6D;
}

.empty_field {
    text-align: center;
}

#invite-members #recepient_plain_text {
    display: none;
    float: left;
    padding: 0 3px 0 6px;
    background: #dee7f8;
    border: solid #cad8f3 1px;
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    cursor: pointer;
}
#invite-members #recipient_clear {
    display: none;
    float: left;
    width: 7px;
    height: 7px;
    border: solid #cad8f3 7px;
    border-width: 8px 6px 8px 3px;
    background: #cad8f3 url('/images/close.gif') no-repeat left -7px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}
#invite-members #recipient_clear:hover {
    background: #939db2 url('/images/close.gif') no-repeat left -14px;
    border-color: #939db2;
}

/*********************************************************************/
form.confirm {
    width: 450px;
    margin: 0 auto;
}
.confirm .top{
    height: 5px;
    background: url(/images/confirm-msg-top.gif) no-repeat left top;
}
.confirm .cont{
    background: url(/images/confirm-msg-ctr.gif) repeat-y left top;
    padding: 5px 12px;
}
.confirm .bot{
    height: 5px;
    background: url(/images/confirm-msg-btm.gif) no-repeat left top;
}
.confirm_question{
    background: url(/images/ico/ico-exclamation.png) no-repeat left 2px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
    padding:0 0 20px 20px;
}

.underline {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.td_primary td{
    background: #D3F5CB;
    color: #333;
}
ABBR {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help;
}
    ABBR A:hover {text-decoration: none;}

.message_text{
    width: 720px;
    height: 74px;
    font-size: 13px;
    margin: 5px 9px;
}
select.mode {
    height: auto;
    margin-right: 0;
    padding-left:5px;
}

/***************************************************************************************************/

/*** Start page ************************************************************************************/
#start .sidebar{
    display: none;
}
#start .main {
    float:none;
    overflow:hidden;
    width:auto;
}

/*
.startPageColLeft {
    width: 469px;
    float: left;
}
.startPageColRight {
    width: 469px;
    float: right;
}
*/

.startPageColLeft{
    float: left;
    width: 300px;
    margin-right: 20px;
}

.startPageColCenter{
    float: left;
    width: 370px;
    margin-right: 20px;
}

.startPageColRight{
    float: right;
    width: 250px;
}


/*** Infocenter block ********************/
.line_percentage{
    width: 100px;
    height: 9px;
    float: left;
    border: 1px solid #DEDEDE;
    margin-top: 4px;
}
.percentage {
    width: 100px;
    height: 7px;
    background: #003366;
    border: 1px solid #fff;
}
.text_percentage{
    font-size: 11px;
    line-height: 11px;
    color: #333;
}
.start-groupevent-icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 3px;
    margin-right: 2px;
}

.title_reply{
    color: #003366;
    font-size: 11px;
    text-indent: 10px;
}

/*** Address book in compose page ***********/
.address-book {
    display: block;
    float: right;
    position: relative;
    top: -3px;
    width: 200px;
}

a.address-book-link,
a.address-book-link:visited{
    display: block;
    float: right;
    height: 16px;
    line-height: 16px;
    background: url(/images/ico-addressbook.png) no-repeat left top;
    padding-left: 19px;
    font-size: 11px;
}
.address-list-box {
    position: absolute;
    left:200px;
    top: -12px;
    float: none;
    padding: 4px;
    background-color: #FCFCFC;
    border: 1px solid #b3d0e4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 26020;
}


.address-list-box div.row-all {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

#checkbox_all_friends {
    float: left;
    width: 14px;
    height: 14px;
    vertical-align: center;
    margin-right: 3px;
}

.address-list-box p {
    font-size: 11px;
    font-family: "Trebuchet MS";
    padding: 0;
    margin: 0;
}

.address-list-box a {
    font: 11px "Trebuchet MS";
    line-height: 20px;
    color: #053769;
    white-space: normal;
    margin-left: 3px;
}
.address-list-box .all {
    font: 11px "Trebuchet MS";
    color: #003366;
    font-weight: bold;
}

.address-list-box .dev {
    font-size: 3px;
    padding-top: 3px;
    width: auto;
    margin-right: 8px;
    border-bottom: 1px solid #B3D0E4;
    margin-bottom: 3px;
    white-space: nowrap;
}

.address-list-header {
    background: #b3d0e4;
    padding: 5px 5px 0 10px;
    min-height: 32px;
}
.lightbox .address-list-header h1 {
    margin-bottom: 4px;
}
.abc-selector {
    font: 11px "Trebuchet MS";
}
.abc-selector a {
    padding: 0px 3px;
    color: #036;
    background: #d9e8f2;
    margin-left: 3px;
    margin-top: 3px;
    float:left;
}
.abc-selector a:hover {
    background: white;
}
.abc-selector a.current {
    background: #b3d0e4;
}

.address-list {
    /*min-width: 200px;*/
    max-height: 370px;
    width: auto;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
}

.address-list ul {
    margin: 5px 5px 10px 10px;
    min-width: 185px;
    max-width: 250px;
    padding: 0;
    list-style: none;
    display: block;
    white-space: nowrap;
    float: none;
    clear: both;
}
.address-list ul li {
    display: block;
    float: none;
    overflow: hidden;
    line-height: 20px;
}
.address-list ul li input {
    vertical-align: middle;
    width: auto;
}
.address-list ul li.letter {
    background: #b3d0e4;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding-left: 23px;
    line-height: 22px;
    width: 40px;
    margin: 5px 0;
}
.address-list a.anchor {
    display: block;
    height: 3px;
    width: 100px;
}

#address-list-box {
    display: none;
}

.introduce-address-book .address-list-box {
    top: 8px;
    left: 8px;
}

/************************************************/
/************************************************/

/*** Panel Standard *****************************/
.panel_st {
    border: 1px solid #B3D0E4;
    margin-bottom: 20px;
    position: relative;
    z-index:100;
}

.panel_st .close {
    display: none;
    position: absolute;
    right: 0px;
    top: -4px;
    font-size: 13px;
    color: #fff;
    cursor:pointer;
    z-index:110;
}

.panel_st .title {
    border-top: 9px solid #B3D0E4;
    border-bottom: none;
    margin-bottom: 5px;
}

.panel_st .title h1 {
    border-bottom: none;
}

.panel_st .title h1 a {
    color:#003366;
}

.box_button {
    /* float: right; */
    padding: 5px 5px 0 0;
    overflow: hidden;
}

.panel_st .content {
    padding: 0 10px;
}

/************************************************/





.statisticdata {
    color:#0272BE;
    font-size:11px;
    font-family: Tahoma, sans-serif;
    padding-right: 10px;
}

.statisticdata a {
    color:#0272BE;
    font-size:11px;
    font-family: Tahoma, sans-serif;
}

.panel_st .table_group {width: 100%;}

.panel_st .table_group td {
    vertical-align: top;
    border-bottom: 1px solid #E9E9E9;
}

.panel_st .table_group h2,
.panel_st .table_group h2 a {
    color: #002349;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.1;
}

.panel_st .table_group h2 strong a {
    font-weight: bold;
}

.news a {
    color: #002349;
    font-size: 14px;
    font-family: "Trebuchet MS";
}

.news .date {
    background: #D5E6F2;
    color: #003B71;
    font-size: 12px;
    line-height: 14px;
    float: left;
    display: block;
    width: 75px;
    margin: 2px 0;
}

.personal_network {
    border-bottom: none;
    width: 100%;
}

.presonal_network td,
.table_group td {
    padding: 5px 0 5px 5px;
    border-bottom: none;
}

.table_group td table td {
    padding: 0px 5px 0px 0px!important;
}

.personal_network td.td_for_photo,
.table_group td.td_for_photo {
    padding: 5px 0;
    width: 32px;
}

/***************************************************************************************************/
.reply-wrap{
    background: #E4ECF6;
    padding: 5px 0 10px;
}
.reply-wrap BUTTON {margin: 0 7px;}
.filter_people td{
    padding: 3px 0;
}
.filter_people td button{
    margin: 0!important;
}
.new_message{
    color: red;
    font-size: 9px;
    font-family: Helvetica, Arial, sans-serif;
}
.new_message2 {
    color: red;
    /* background: url('/images/ico/ico-new.png') no-repeat left;
    padding-left: 13px; */
    font-size: 9px;
    font-family: Helvetica, Arial, sans-serif;
}
.table_communities TR TD {
    height: 32px;
}
.table_communities .td_name{
    width: 210px;
}
.table_communities  .td_stat{
    width: 95px;
}
.table_communities{
    margin-top:0!important;
}
.table_communities a{
    color:#003366!important;
}

.table_communities tr.admin.odd td {
    background-color: #F5EEE5;
}
.table_communities tr.admin.even td {
    background-color: #F4E8D7;
}
.table_communities tr.my.odd td {
    background-color: #E9F2CC;
}
.table_communities tr.my.even td {
    background-color: #F0F4E3;
}
.table_communities tr.other.odd td {

}
.table_communities tr.other.even td {

}

.grid_full tr.invisible.even td {

}
.grid_full tr.invisible.odd td {

}

.grid_full tr.open.even td {
    background-color: #F0F4E3;
}
.grid_full tr.open.odd td {
    background-color: #E9F2CC;
}

.grid_full tr.close.even td {
    background-color: #F4E8D7;
}
.grid_full tr.close.odd td {
    background-color: #F5EEE5;
}

.grid_full .statistics th {
    color: #fff;
    background: #70AAD4 none repeat scroll 0 0;
    padding: 5px;
    border-right:1px solid #FFFFFF;
}

.grid_full .statistics td {
    padding: 10px 5px 10px 5px;
}

.grid_full .statistics th a {
    color: #fff;
    cursor:pointer;
    text-decoration: underline;
}

.headline_subject {
    float: left;
    width: 290px;
    padding-left: 10px;
    margin: 2px 0;
}
.personal_network td{
    padding: 5px 0 5px 5px;
}
/*** Group part *********************************************************************************/
TD.group_logo {
    width: 60px !important;
    padding: 10px 0 10px 0px !important;
    vertical-align: top;
}
TH.cols_group_name {
    border:0;
    width:90px;
}
TH.avatar-title,
TD.avatar-title {width: 200px;} /* avatar & title in one column */
TH.group_logo.cols_group_name {
    width:50px;
}
A.group_logo {
    margin-left: 5px !important;
}
#join_form TD.group_logo {
    padding: 10px 0 10px 5px !important;
}

.grid td.group_title{
    text-align: left;
    font-size: 12px;
    width: 261px;
}
.grid td.group_title a{
    color: #004F86;
    font-weight: bold;
    font-family: "Trebuchet MS";
}
.group_overview_param{
    width: 140px;
    white-space: nowrap;
    padding-left: 10px;
    text-align: right;
}

#join_form .group_overview_param {
    padding-left: 0;
}
.group_overview_stat{
    padding-right:15px;
    line-height:15px;
}
.group_overview_stat img {
    vertical-align:middle;
}
TH.group_description{
    width: auto;
    vertical-align: top;
    border-right: 0 none;
    font-style: italic;
}
th.group_my_status{
    width: 82px;
    vertical-align: top;
}
th.group_date{
    width: 92px;
    vertical-align: top;
}
td.group_my_status{
    width: 83px;
    vertical-align: top;
}
td.group_date{
    width: 93px;
    vertical-align: top;
}
td.group_date small{
    font-size: 10px;
    color: #727272;
    line-height: 11px;
}
.area_message{
    width: 600px;
    height: 100px;
    background: #FFFBF0;
    border: 1px solid #999999;
}
.button_left button{
    margin-left: 0px;
}
.options_right a{
    float: right;
}
.folder_shared {
    color:red;
    font-family:Helvetica,Arial,sans-serif;
    font-size:9px;
}
/************************************************************************************************/

/*** Registration page **************************************************************************/
.reg .logo-slogan {
    width: 450px;
    padding-top:20px;
}
    .reg .logo-slogan TABLE TD {
        height: 110px;
    }
.registrationPage {
    position: relative;
    top: -34px;
    padding-top: 0px;
}

.col_left_reg {
    float: left;
    /*width: 435px;
    padding-left: 37px;*/
    padding-left: 0;
    width: 475px;
}
.col_right_reg {
    width: 470px;
    float: right;
    /*position: absolute;
    top: 0px;
    left: 480px;*/
}
.title_page_registration h1 {
    border: none;
    padding-left: 52px;
    margin-bottom: 25px;
}
table.registration {
    margin: 0;
    font-size: 13px;
}
table.registration td {
    vertical-align: middle;
    padding: 6px 12px 6px 50px;
    width: 150px;
}

table.registration .wrap-info {
    margin-top: 5px;
    color: #555;
    font-size: 11px;
    line-height: 20px;
}

table.registration td.value {
    vertical-align: middle;
    padding: 6px 0 6px;
}

table.registration td.captcha {
    vertical-align: top;
    padding-left: 6px;
}

table.registration tr.captcha {
    background-color: #EFF5FA;
}


table.registration input.text {
    background: #FFFBF0!important;
    width: 215px!important;
    padding: 0 0 0 5px !important;
}

table.registration select.w_220 {
    width:222px!important;
    background: #FFFBF0;
}

.registarotion-info .top{
    background: url(/images/reg-textblock-top.png) no-repeat left top;
    height: 5px;
}
.registarotion-info .cont{
    background: url(/images/reg-textblock-c.png) repeat-y left top;
    padding: 0px 9px;
}
.registarotion-info .btm{
    background: url(/images/reg-textblock-btm.png) no-repeat left top;
    height: 5px;
}

/*** Registration tabs ***/
ul.registarotion-tabs{
    display: block;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 200;
}

ul.registarotion-tabs li{
    display: block;
    float: left;
    margin: 0;
    background: url(/images/reg-btn-sprite.png) no-repeat left -84px;
    padding-left: 5px;
    height: 28px;
    cursor:pointer;
}
ul.registarotion-tabs li a{
    display: block;
    float: left;
    margin: 0;
    background: url(/images/reg-btn-sprite.png) no-repeat right -140px;
    padding-right: 5px;
    height: 28px;
    cursor: pointer;
    text-decoration: none;
}
ul.registarotion-tabs li a span{
    display: block;
    float: left;
    margin: 0;
    background: url(/images/reg-btn-sprite.png) repeat-x left -112px;
    padding: 0 5px;
    height: 28px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    line-height: 28px;
    color: #003366;
}

ul.registarotion-tabs li:hover{
    background: url(/images/reg-btn-sprite.png) no-repeat left -168px;
}
ul.registarotion-tabs li:hover a{
    background: url(/images/reg-btn-sprite.png) no-repeat right -224px;
}
ul.registarotion-tabs li:hover a span{
    background: url(/images/reg-btn-sprite.png) repeat-x left -196px;
}
ul.registarotion-tabs li.current,
ul.registarotion-tabs li.current:hover{
    background: url(/images/reg-btn-sprite.png) no-repeat left 0px;
}
ul.registarotion-tabs li.current a,
ul.registarotion-tabs li.current:hover a{
    background: url(/images/reg-btn-sprite.png) no-repeat right -56px;
}
ul.registarotion-tabs li.current a span,
ul.registarotion-tabs li.current:hover a span{
    background: url(/images/reg-btn-sprite.png) repeat-x left -28px;
    color: #fff;
}
/*************************/

.registration-texts{
    padding: 10px 10px 20px 10px;
    color: #555555;
    /* font-style: italic; */
    font-size: 14px;
    font-family: "Trebuchet MS";
}

#Reg2, #Reg3, #Reg4{
    display: none;
}

/************************************************************************************************/

.grid .odd td.td_dev,
.grid .even td.td_dev{
    background: #fff;
    width: 9px;
    padding: 0;
}

/*** For page View Education *********************************************************************/
#education{
    background: none;
}
#education img{
    border: none;
}
.header-education{
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.view-education{
    padding: 40px 0;
}
.view-education-title{
    font-size: 18px;
    font-style: italic;
    color: #003366;
    padding: 0 10px 10px 10px;
}
#education_table td{
    font-size: 14px;
    font-family: Arial;
    color: #000;
    padding: 5px 10px;
    text-align: left;
}
#education_table .name_param{
    background:#E4ECF6;
    width: 220px;
    font-weight: bold;
}
/*************************************************************************************************/
.date {
    font-size: 11px;
}

.invite-members_table{
    margin: 0 auto;
    color: #000;
}
.invite-members_table .field_name{
    text-align: right;
    padding-right: 10px;
}

.network_disabled {
    font-size: 10px;
    width: 250px;
    color: #003366;
}
/**************************************************************************************************/

.block_info,
.block_info_warn
{
    margin: 0 0 10px;
    padding: 8px;
    text-indent: 22px;
    line-height: 1.4;
    overflow: hidden;
}
.block_info {
    background: #EFF5FA url(/images/ico/ico-info.png) no-repeat 8px 8px;
    color: #71808C;
}
.block_info_warn {
    background: #EFF5FA url(/images/ico/ico-exclamation.png) no-repeat 8px 8px;
}

.file-sharing-info {
    position: relative;
    padding: 10px;
    background-color: #F0F7FF;
    margin-bottom: 12px;
}
    .file-sharing-info,
    .file-sharing-info H3 {
        line-height: 20px;
        font-size: 12px;
        color: #333;
    }
    .file-sharing-info H3 {
        padding-right: 12px;
        text-indent: 0;
        font-weight: bold;
    }

.block_info_previous {
    margin: 0;
}

.text-pre-login-page {
    background: #EFF5FA 8px 8px;
    margin: 1px 0 10px 0;
    padding: 8px;
    line-height: 1.4;
    overflow: hidden;
}

.initialed_discussions {
    float: left;
    width: 360px;
    overflow: hidden;
}
.last_comments {
    float: right;
    width: 360px;
    overflow: hidden;
}

td.discussion_title {
    width: 270px;
    vertical-align: middle;
}
td.discussion_date {
    width: 110px;
}

.discussion-comment-attributes {
    font-size: 11px;
}

td.discussion-start-up {
    width: 150px;
}

td.discussion-last-input {
    width: 150px;
}
.deleted {
    color: silver;
    text-decoration: line-through;
}
/*** Message Summary page ***************************/
A.summary-message-data-for-mess {
    border-bottom: 1px solid #BFD9EC;
    padding: 0 3px 0 10px;
    display: block;
    height: 29px;
    color: #003b71;
    font: 14px 'Trebuchet MS';
    line-height: 29px;
    margin: 0;
}
A.summary-message-data-for-mess:hover {
    background: #D8EAF7;
}
A.summary-message-data-for-mess:active,
A.summary-message-data-for-mess:focus,
A.active-filter-for-mess {
    background: #BFD9EC;
    font-weight: bold;
}

.summary-message-title-for-mess {
    float: left;
}
.summary-message-value-for-mess {
    float: right;
    width: 40px
}


/*** Message Summary page for work desk ***************************/
.row-message {
    border-bottom: 1px solid #BFD9EC;
    height: 29px;
    color: #003b71;
    font: 14px 'Trebuchet MS';
    line-height: 29px;
    margin: 0;
    overflow: hidden;
    clear: both;
}
.row-message:hover {
    background: #D8EAF7;
    border-bottom: 1px solid #BFD9EC;
    height: 29px;
    color: #003b71;
    font: 14px 'Trebuchet MS';
    line-height: 29px;
    margin: 0;
}

a.summary-message-data {
    display: block;
    float: left;
    height: 29px;
    color: #003b71;
    font: 14px 'Trebuchet MS';
    line-height: 29px;
    margin: 0;
    width: 287px;
    padding: 0 3px 0 10px;
}

a.summary-message-all {
    display: block;
    float: right;
    height: 29px;
    color: #003b71;
    font: 14px 'Trebuchet MS';
    line-height: 29px;
    margin: 0;
    width: 60px;
}
.row-message:active,
.row-message:focus,
.active-filter {
    background: #BFD9EC;
    font-weight: bold;
}

.summary-message-title {
    float: left;
    width: 250px;
}
.summary-message-value {
    float: right;
    width: 37px;
    text-align: right;
}

.date .community {
    background: none;
    padding: 0;
    min-height: 1%;
}

.msg-tag {
    float: left;
    width: auto;
    height: 15px;
    line-height: 15px;
    text-alighn: center;
    padding: 0 4px;
    font-size: 10px;
    font-style: normal;
    color: #333;
    white-space: nowrap;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
/* old variant
.msg-tag {
    width: auto;
    height: 15px;
}
.msg-tag SPAN {
    display: block;
    height: 15px;
    float: left;
}
.tag-l, .tag-r {
    width: 5px;
}
.tag-c {
    text-align: center;
    font: 10px Tahoma, sans-serif;
    color: #555;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
}
*/

/* message labels */
.personal_label {background-color: #76C7FF;}
.community_label {background-color: #BBDF8C;}
.introduction_label {background-color: #FFE491;}
.recommendation_label {background-color: #E6B9D7;}

.recommended-object-name {
    color: #4C7094;
}

/* old version
.personal_label .tag-l {
    background: url(/images/tags-message-sprite.png) no-repeat 0 0;
}
.personal_label .tag-c {
    background: #76C7FF;
}
.personal_label .tag-r {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -15px;
}

.community_label .tag-l {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -30px;
}
.community_label .tag-c {
    background: #BBDF8C;
}
.community_label .tag-r {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -45px;
}

.introduction_label .tag-l {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -30px;
}
.introduction_label .tag-c {
    background: #BBDF8C;
}
.introduction_label .tag-r {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -45px;
}

.recommendation_label .tag-l {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -30px;
}
.recommendation_label .tag-c {
    background: #BBDF8C;
}
.recommendation_label .tag-r {
    background: url(/images/tags-message-sprite.png) no-repeat 0 -45px;
}
*/
/* end of message labels */


.panel_important .title {
    margin-bottom: 1px;
}
.panel_important .content {
    padding: 0;
}
.panel_important .messages_container {
    padding-left: 0;
}
.panel_important .messages_item {
    width: auto;
    padding-right: 5px;
}
.panel_important .messages_container .date {
    float: left;
}
.panel_important .messages_container DIV.date {
    width: 105px;
}
.panel_important .content .date .date-string {
    font-size: 10px;
    line-height: 16px;
    white-space: nowrap;
    clear: both;
}
.panel_important .messages_item .theme{width: 305px;}

.panel_st .messages_item {width: auto;}

.panel_st .messages_item A {
    font-size: 14px;
    po_sition: relative;
}

.panel_st .messages_item {font-size: 11px;}

.panel_st .messages_item .date {
    background-color: #EDF3FA;
    color: #003B71;
    margin-bottom: 3px;
}

.panel_st .messages_item .news_body {
    margin-top: 3px;
}

a.truncated-more-class {
    display: inline;
    font-size: 11px;
    font-weight: normal;
}

.panel_important .theme .recommendation-description {
    width: 263px;
}

/********************************************************************************/

.my_recent_uploads {
    float: left;
    width: 360px;
}
.others_recent_uploads {
    float: right;
    width: 360px;
}

.group-folder {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.group-file-upload-date {
    color: #333;
    font-size: 10px;
}

.folder-bread-crumbs {
    padding: 5px;
    font-weight: bold;
    margin: 1px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.event-col-right {
    float: right;
    font-size: 15px;
    width: 360px;
    margin-top: 10px;
}

.event-second-line {
    color: #6289B2;
    font-size: 10px;
    margin-top: -5px;
    white-space: nowrap;
}

.event-second-line-start {
    font-size: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.grid .event-second-line-start {
    white-space: normal;
}

.event-col-left {
    float: left;
    width: 360px;
    font-size: 15px;
    margin-top: 10px;
}
.event-col-left .text {
    margin-right: 0;
}
.event-col-left P {
    padding: 5px 0;
    /*margin-top: 7px;*/
}

.event-columns {padding-bottom: 15px;}
.event-columns TABLE.form {
    border-spacing: 0 7px;
    table-layout: fixed;
}
.event-columns TABLE.form .labels {width: 120px;}
.event-columns TABLE.form .fields {width: 240px;}
.event-columns input.text,
.event-columns textarea,
.event-columns select{margin-right: 0;}
.event-columns input.text,
.event-columns textarea {
    width: 238px;
    padding: 0;
}
.event-columns textarea {overflow-x: hidden;}
.event-columns select {width: 240px;}
.event-columns .x-form-text,
.event-columns textarea.x-form-field {
    padding-left: 0;
    padding-right: 0;
}

.invalid-field { /* ≈ .checkbox_red */
    border-color: #C8534B !important;
    background-color: #FFF6F5 !important;
}

p.event-description {
    font-size: 15px;
    /*margin-top: 7px*/;
    color: #000;
    padding: 5px 0;
}

span.event-description {
    display: block;
    font-size: 12px;
    color: #555;
}

.event-description .group-icon-tiny {
    width:15px;
    height:15px;
    margin-right:3px;
}

.event_details {
    padding: 10px 0;
}

.event_details .logo {
    margin: 0 10px 0 0;
    float: left;
}
.event_details h2 {
    font-size: 18px;
    line-height: 24px;
    color: #0674bf;
}
.event_details p {
    font-size: 14px;
    line-height: 24px;
}
.group_scroll {
    overflow-y:scroll;
    height:100px;
    border:1px solid #ccc;
    padding:0 5px;
}
.group_scroll input {
    vertical-align: middle;
}
.title_info_block h4 {
    padding-left: 30px;
}

.work-desk-reminders {
    float: left;
    width: 360px;
}

.work-desk-messages-filter {
    float: right;
    width: 360px;
}

.calendar .months th,
.calendar .last td {
    border-bottom: 1px solid #B3D0E4;
}

.calendar .months th {
    font-weight: normal;
    color: #000;
}

.calendar td.pad,
.calendar th.pad {
    width: 20px;
}

.calendar th,
.calendar td {
    width: 27px;
    text-align: center;
}

.calendar td.not-current-month {
    color: #777777;
}

.calendar td.date-filter {
    border: 1px solid red;
}

.calendar .holiday {
    background-color: #CCCCCC;
}

.calendar .my_events {
    background-color: #FF9900;
}

.calendar .other_events {
    background-color: #BFD9EC;
}

.calendar .selected-date{
    background-color: #B3D0E4;
}

.calendar .month-name {
    text-align: center;
    color: #003366;
}

.calendar .month-name DIV {
    text-align: center;
    width: 120px;
}

.calendar .month-name a,
.calendar .month-name a:visited,
.calendar .month-name a:hover {
    text-align: center;
    color: #003366;
    text-decoration: none;
}

.calendar .today-date {
    font-weight: bold;
    border: solid gray 1px;
}

.calendar .with-event {
    background: #B3D0E4;
}

/*******/

/*** Member Connect *********************/

.member-connect {
    height: 48px;
    overflow: hidden;
    margin-left: -10px;
}

.member-connect .member-item {
    display: block;
    float: left;
    height: 46px;
    color: #0068b3;
    /*font-style: italic;*/
    padding: 2px 20px 0 20px;
    position: relative;
    width: 148px;
}
member-connect .member-item.member-last {
    width: 155px;
}

.connection-path-length-5 {
    /*width: 148px;*/
}

.connection-path-length-4 {
    /*width: 203px;*/
}

.connection-path-length-3 {
    /*width: 315px;*/
}

.member-connect .you {
    /*background: #003366;*/
    color: #003366;
    font-size: 16px;
    font-weight: bold;
    line-height: 39px;

    padding-right: 15px;
    padding-left: 10px;
    /*width: auto;*/
}
.member-connect .you.member-last {
    width: 165px;
}

.member-connect a.member-is-same-connect,
.member-connect a.member-is-same-connect:visited,
.member-connect a.member-is-same-connect:hover {
    /*background-color: #548AC3;*/
    text-decoration: none;
}

.member-connect .member-not-same-connect,
.member-connect .member-not-same-connect:visited,
.member-connect .member-not-same-connect:hover {
    /*background-color: #D5E6F2;*/
    text-decoration: none;
    color: #003366;
}

.member-connect .member-last,
.member-connect .member-last:visited,
.member-connect .member-last:hover {
    /*background-color: #B9D2A0;*/
    text-decoration: none;
}

.member-connect .member-connect-x{
    /*background-color: #D4D4D4;*/
}

.member-connect .arrow{
    display: block;
    position: absolute;
    right: -12px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: left 21px;
    height: 53px;
    width: 22px;
}

.member-connect .you .arrow{
    background-image: url(/images/profile-arrow.png);
}

.member-connect .member-is-same-connect .arrow{
    background-image: url(/images/profile-arrow.png);
}

.member-connect .member-not-same-connect .arrow{
    background-image: url(/images/profile-arrow.png);
}

.member-connect .member-connect-x .arrow {
    background-image: url(/images/profile-arrow.png);
}

.member-connect .member-last .arrow {
    background-image: url(/images/profile-arrow2.png);
/*    background-position: left 27px; */
    width: 25px;
    right: 0px;
}

.member-connect .wrap-avatar {
    float: left;
    text-decoration: none;
    cursor: pointer;
    height: 42px;
    width: 32px;
}

.member-connect .wrap-avatar tr {
    height: 42px;
    width: 32px;
}

.member-connect .wrap-avatar td {
    vertical-align: middle;
    height: 42px;
    width: 32px;
    text-align:center;
    float: none;
}
.member-connect .wrap-avatar img {
    display: block;
    vertical-align: middle;
}

.member-connect .company {
    display: block;
    font-size: 10px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 11px;
    text-decoration: none;
    cursor: pointer;
    /*float: left;*/
    /*min-width: 111px;*/
    max-width: 100px;
    padding-left: 5px;
    overflow: hidden;
}

.member-connect span.company-length-3 {
    /*width: 240px;*/
}
.member-connect span.company-length-4 {
    /*width: 150px;*/
}
.member-connect span.company-length-5 {
    /*width: 111px;*/
}

.member-connect span.name-length-3 {
    /*width: 240px;*/
}
.member-connect span.name-length-4 {
    /*width: 150px;*/
}
.member-connect span.name-length-5 {
    /*width: 111px;*/
}

.member-connect .member-item ul {
    display: block;
    overflow: hidden;
    padding-left: 0px;
}

.member-connect .name {
    display: block;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial,sans-serif;
    letter-spacing: 0px;
    line-height: 14px;
    /*float: left;*/
    /*width: 111px;*/
    padding: 4px 0 0 5px;
    overflow: hidden;
    height: 15px;
    font-weight: normal;
}

.member-connect .member-connect-x .name{
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    line-height: 13px;
    padding: 0 0 0 5px;
}
.inp-display-conn {
    margin-top: 2px;
}

.display-connect {
    color: #555555;
    font-family: Arial;
    font-weight: normal;
    line-height: 14px;
}
/**********************/

/*** Post registration page *****/

.wrap-post-registration {
    width: 756px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}

.wrap-post-registration .pic {
    background: url(/images/signin-pic.jpg) no-repeat left top;
    height: 302px;
    width: 235px;
    float: left;
    border-right: 1px solid #fff;
}

.wrap-post-registration .cont {
    min-height: 302px;
    width: 520px;
    float: left;
       background: #CFDCE8;
       position: relative;
}

.wrap-post-registration .cont .corn {
    position: absolute;
    width: 5px;
    height: 5px;
    background-repeat: no-repeat;
    right: 0px;
}

.wrap-post-registration .cont .corn-top {
    background-image: url(/images/corn-top-first-time.gif);
    background-position: right top;
    top: 0px;
}

.wrap-post-registration .cont .corn-bottom {
    background-image: url(/images/corn-bottom-first-time.gif);
    background-position: right bottom;
    bottom: 0px;
}

.wrap-post-registration .cont h1 {
    background: url(/images/mark-first-time.gif) no-repeat left center;
    padding-left: 22px;
    margin: 10px;
    line-height: 16px;
    border: none;
    font-style: italic;
}
.wrap-post-registration .cont .information {
    padding: 10px 25px 0 30px;
}

.wrap-post-registration .cont .information p {
    font-size: 14px;
    font-family: "Trebuchet MS";
}
.wrap-post-registration .cont .wrap_btn {
    text-align: center;
    padding: 20px 0;
}

.wrap-post-registration .cont .wrap_btn button{
    width: 193px;
}
.wrap-post-registration.similar-to-login {
    background:#EEF7FB url(/images/login-bg.png) no-repeat 0 0;
    margin: 30px 0 100px 0;
    height: 302px;
    width: 100%;
    padding: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
}
.wrap-post-registration.similar-to-login .information {
    background-color: #0B457F;
    width: 409px;
    margin:45px auto 0;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
    color:#fff;
}
.wrap-post-registration.similar-to-login h1 {
    color:#fff !important;
    background:none !important;
    padding:0 0 10px 0 !important;
    margin: 0 0 10px !important;
}
.wrap-post-registration.similar-to-login .information {
    padding:10px 20px 30px;
}
.wrap-post-registration.similar-to-login .information a {
    color:#84c0dc;
}
.wrap-post-registration.similar-to-login .wrap_btn button {
    margin:10px 0 0;
}

/*** End post Registration page */

.info-visible {
    float: right;
    position: relative;
    right: 0px;
    top: 0px;
}

.info-visible a.link_info {
    position: relative;
    z-index: 20;
}

.is_visible_descr {
    position: absolute !important;
    left: 15px;
    bottom: auto;
    width: 250px;
    top:0;
    line-height: 18px;
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    border: 1px solid #70AAD4;
    background-color: #FFF;
    z-index: 20000 !important;
}

.keywords-suggestion {
    position: absolute;
    display: none;
    border: 1px solid #70AAD4;
    background-color: #fff;
    padding: 5px;
    width: 250px;
    z-index: 2000000;
}

#creator_user_id {
    position: static;
}

/*** Remider box *************************************/
.reminder-box {
    margin-top: 20px;
    width: 367px;
    background: url(/images/remider-bg.gif) repeat-y left top;
}

.reminder-box .top {
    width: 367px;
    height: 5px;
    background: url(/images/remider-top.gif) no-repeat left top;
}

.reminder-box .cont {
    padding-bottom: 20px;
    padding-right: 25px;
    background: url(/images/reminder-bottom.gif) no-repeat left bottom;
    position: relative;
}

.reminder-box .title {
    background: url(/images/upcoming-remider.gif)   no-repeat left top;
    width: 251px;
    height: 32px;
    line-height: 120px;
    overflow: hidden;
    margin: 8px 0 0 18px;
    border: none;
}

a.next-reminder,
a.next-reminder:visited,
a.next-reminder:hover {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
}

.table-reminder {
    margin: 0 2px 0 10px;
    background: none;
}

.table-reminder td {
    padding-top: 10px;
    background: none;
    vertical-align: top;
}

.table-reminder td.date {
    width: 75px;
}

.date {
    font-style: italic;
    font-size: 12px;
}

.table-reminder td a,
.table-reminder td a:visited {
    font-style: italic;
    font-size: 12px;
}

.alert-date {
    font-style: italic;
    font-size: 12px;
    color: #333333;
}
.alert-time {
    font-style: italic;
    font-size: 10px;
    color: #333333;
}
.alert-color {
    font-style: italic;
    color: #333333;
}
.today-reminder {
    color: #E03C3C;
    font-style: italic;
}

.note-reminder {
    margin-left: -7px;
    margin-top: 20px;
    width: 207px;
    background: url(/images/note-remider-bg.gif) repeat-y left top;
}
.note-reminder .cont {
    background: url(/images/note-remider-top.gif) no-repeat left top;
    padding-top: 16px;
    padding-bottom: 17px;
}

.note-reminder .cont .title {
    background: url(/images/note-remider-title.gif) no-repeat 21px top;
    width: 171px;
    height: 17px;
    line-height: 70px;
    overflow: hidden;
    margin: 0 5px 0 0;
    padding-left: 21px;
    border: none;
}

.note-reminder .cont .object-types {
    padding: 10px 10px 0px 20px;
}

.note-reminder .cont .object-types h1{
    font-family: Arial;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #003366;
    padding: 0;
    margin: 0;
    border: none;
}

.note-reminder .cont .object-types a{
    font-family: Arial;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #003366;
}

.note-reminder .bottom{
    width: 207px;
    height: 3px;
    background: url(/images/note-remider-bottom.gif) no-repeat left top;
}

.note-messages {
    background-color: #EDFCFF;
}
.note-groups {
    background-color: #F2FFD9;
}
.note-profile {
    background-color: #F2F0ED;
}
.note-events {
    background-color: #FFEFD9;
}
.note-free {
    background-color: #FFFFD9;
}
.note-discussions {
    background-color: #E5EAFF;
}
.note-communities {
    background-color: #ECD9FF;
}
.note-library-files {
    background-color: #D9FFE2;
}

/*** End remider box *********************************/

.wrap-info {
    position: relative;
}

.registration .wrap-info {
    position: static;
}

.info-content{
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    border: 1px solid #70AAD4;
    width: 200px;
    padding: 0 5px;
    color: #0066BA;
    text-align: left;
    z-index: 2000;
}

.input-block {
    display: block;
    float: left;
    height: 18px;
    padding-top: 3px;
}

/*** Terms of use ****/
.terms p{
    margin-bottom: 15px;
}
/*********************/

.param-name-short {
    width: 115px;
    padding-right: 5px;
}

ol.letters {
    list-style-type: lower-alpha;
}

/************* File field *************/
div.buttonTypeFile {
    display: block;
    float: right;
    background: #6289B2 url(/images/btnblue.gif) no-repeat left top;
    height: 18px;
    padding-left: 7px;
    text-decoration: none;
    margin-left: 5px;
    margin-top: 3px;
    width: 90px;
}
div.buttonTypeFile .name {
    display: block;
    background: url(/images/btnblue.gif) no-repeat right -36px;
    height: 18px;
    padding-right: 7px;
    font: 12px/18px "Trebuchet MS";
    color: #fff;
    text-align: center;
    white-space: nowrap;
}
.typeFile {
    position: relative;
    height: 18px;
    margin-bottom: 3px;
}
.backgroundTypeFile {
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 240px;
}
.inputTypeFile {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 240px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    font-size: 15pt;
    height: 22px;
    cursor: pointer !important;
}
.textTypeFile {
    position: absolute;
    top: 3px;
    left: 0px;
    z-index: 2;
    background: none;
    height: 16px;
    padding: 0px 3px 0px 5px;
    border: 1px solid #999999;
    width: 132px;
}
/*********************/

.editGroup {
    width:880px;
}
.editGroup td {
    padding: 5px 0px 5px 10px;
}
.editGroup .field-progr-brd {
    width:562px !important;
}
.editGroup .progress_bar_current_number, .editGroup .progress_bar_total_number {
    padding: 5px 0 0;
}

.editGroup #imgGroupIcon {
    vertical-align:top;
    position:absolute;
    border:5px solid rgb(224, 224, 224);
    margin-top: -13px;
}
.editGroup .group_ta .group_scroll {
    float:left;
}
.smart_scroll {
    width:295px;
    margin:2px 0 15px;
}
.smart_scroll_enabled {
    overflow-y:scroll;
    height:100px;
    border:1px solid #ccc;
    padding:0;
}
.hint-ta {
    line-height:15px;
    font-size:11px;
    padding-top:4px;
    color: rgb(102, 102, 102);
    float:left;
    padding-left:8px;
}
.hint-gray {
    font-size:11px;
    padding-top:4px;
    color: rgb(102, 102, 102);
}
.allocated {
    float:left;
    margin:2px 0 0;
    width:230px;
}
.allocated li {
    background: url(/images/ico/ico-checkmark.png) no-repeat left 3px;
    list-style:none;
    line-height:16px;
    padding:0 0 3px 17px;
    width: 183px;
}
.inherited {
    padding:0 0 0 4px;
    width:230px;
    margin:2px 0 0;
}
.inherited li {
    background: url(/images/ico/ico-checkmark-gray.png) no-repeat left 3px;
    list-style:none;
    line-height:16px;
    padding:0 0 3px 17px;
}
.infoChanges {
    /*background-color: #FFF2D9;*/
}
.infoChanges td.noMark {
    background-color: #fff;
}
.infoChanges2 .info-visible {
    float:left;
    width:16px !important;
    padding-left:12px;
}
.combined-checkboxes fieldset.selected {
    font-weight:bold;
}

a.link_info_admin_approve {
    display: block;
    float: right;
    background: url(/images/ico-admin-approve.png) no-repeat left 0;
    height: 16px;
    width: 16px;
    cursor: default;
    margin: 3px 10px 0 0;
}

/**** USER TOOLTIP ****/
.user-tooltip-container {
    position: absolute;
    min-width: 200px;
    visibility: hidden;
    padding: 10px;
    border: 1px solid #DCD5B2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #FFFAE0;
    -webkit-box-shadow: 0 2px 3px #808080;
    -moz-box-shadow: 0 2px 3px #808080;
    box-shadow: 0 2px 3px #808080;
    z-index: 21000;
}
.user-tooltip-container div.userinfo,
.user-tooltip-container a.userpic {
    height: 100px;
}
.user-tooltip-container a.userpic {
    float: left;
}

a.userpic img {
    border: 0;
}
.user-tooltip-container div.userinfo {
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    text-align: left;
}
.user-tooltip-container a.username {
    font: bold 14px arial,sans-serif;
    line-height: 18px;
    color: #0272be;
    text-decoration: none;
    text-align: left;
}
.user-tooltip-container a.username:hover {
    text-decoration: underline;
}
.user-tooltip-container p {
    margin: 0;
    font: 12px arial,sans-serif;
    line-height: 16px;
    color: #333;
    text-align: left;
    max-width: 360px;
}
.user-tooltip-container .community-link {
    font: 12px arial,sans-serif;
    font-weight: bold;
    line-height: 16px;
    position: relative;
    padding: 0 0 0 20px;
}
.user-tooltip-container p.community-description {
    font-style: italic;
    width: 20em;
}

.tooltip-buttons {
    position: absolute;
    bottom: 0;
    min-width: 78px; /*for 3 ico-btns*/
    height: 16px;
    padding-top: 5px;
}

.tooltip-buttons A,
.tooltip-buttons A:visited {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    text-decoration: none;
    margin-right: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tooltip-buttons A.compose {background-image: url(/images/ico/ico-message.png);}
.tooltip-buttons A.reminder {background-image: url(/images/ico/ico-reminder.png);}
.tooltip-buttons A.invite {background-image: url(/images/ico/ico-contact-add.png);}
.tooltip-buttons A.introduce {background-image: url(/images/ico/ico-introduce.png);}
.tooltip-buttons A.invite,
.tooltip-buttons A.introduce {margin-right: 0;} /*last elements*/


/**********************/

/*** LIGHTBOX ***/

/* fixes */
.lightbox {
    text-align: left;
}

#shadow-screen {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    /*filter: alpha(Opacity=30); ie7.css */
    z-index: 1000;
    top: 0;
    left: 0;
}
.lightbox-border {
    visibility: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,51,102,.45);
    padding: 10px;
    z-index: 1010;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    border-color: #003366; /* for combining ie-css & skins */
}
.lightbox-border.no-border {
    background: none;
    padding: 0;

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.lightbox {
    position: relative;
    width: auto;
    background-color: #FFF;
    padding: 15px;
    opacity: 1;
    /*filter: alpha(Opacity=100); ie7.css */
    z-index: 1020 !important;
}
.lightbox-border.no-border .lightbox {
    padding: 0;
}
.lightbox H1 {
    font: bold 16px 'Trebuchet MS';
    color: #003366;
    margin: 0 20px 10px 0;
    padding: 0;
    border: none;
    text-align: left;
}
#note-reminder h1 {
    color: #2C5680;
}
.lightbox .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 16px;
    background: transparent url(/images/btn-close-sprite.png) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    /*margin-right: 3px;*/
}
.lightbox .btn-close:hover {
    background-position: 0 -16px;
}

/****************/

.table-fixed {
    table-layout: fixed;
    word-wrap: break-word;
}

#join_form .group_logo {
    width: 100px !important;
}

.group_overview_param {
    width: 150px;
}

.event-settings-filter-button {
    text-align: right;
    padding-right: 5px;
}

.news-full-text{
    height: auto;
}
.news-short-text{
    width: 730px;
    height: 40px;
    overflow: hidden;
}
.news-content {
    padding: 10px;
    font-size: 14px;
}
.news-event { /*Event object on the news details page*/
    padding: 10px;
}
.messages_item .date .from-community {
    color: #777;
    float: right;
    padding-right: 1ex;
}
.messages_item .date  a {
    font-size: inherit;
}
.news-content .from-community {
    color: #777;
    font-size: 11px;
    font-size: 11px;
    margin-top: -15px;
    margin-bottom: 20px;
}
.from-community a.link_info {
    float: right;
    width: 18px;
    height: 16px;
    margin-left: 3px;
    right: 0;
}
.from-community a.link_info .is_visible_descr {
    float: right;
    right: 18px;
    left: auto;
    top: -8px;
}
.newsgroup-from-community {
    float: left;
    font-size: 12px;
    color: #777;
    margin-left: 20px;
    margin-top: 5px;
}
.newsgroup-from-community  a.link_info {
    width: 16px;
    height: 16px;
}
.from-community-with-group a.link_info {
    position: relative;
}
a.expander{
    float: right;
    text-align: center;
    width: 18px;
    height: 17px;
    margin-bottom: -10px;
    margin-right: -5px;
}

a.do-short-text{
    background: url(/images/btn-coll-exp-news.png) no-repeat left -34px;
}
a.do-short-text:hover{
    background: url(/images/btn-coll-exp-news.png) no-repeat left -51px;
}

a.do-full-text{
    background: url(/images/btn-coll-exp-news.png) no-repeat left top;
}
a.do-full-text:hover{
    background: url(/images/btn-coll-exp-news.png) no-repeat left -17px;
}

.sign_moderator{
    color: #ff9900;
    font-size: 9px;
    font-family: Helvetica, Arial, sans-serif;
}

.user-event-description {
    font-size: 11px;
}

.event-details {
    float: left;
    width: 80%;
    line-height: 110%;
}
/*
.ext-el-mask {
    background-color: #000;
    opacity: 0.3;
    z-index: 10000;
    position: absolute;
    width: 100%;
    height: 100%;
}
*/
.fname-size {
    width: 240px;
}
.date-select {
    min-width: 60px;
}

a.refresh, a.refresh:hover {
    display: block;
    padding: 0 0 0 18px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: url('/images/ico/ico-refresh.png') no-repeat left center;
}

table.registration input.text.w_92 {
    width:87px !important;
    margin-top: 15px;
}
table.registration td table td{
    vertical-align: top;
    padding: 0 5px 0 0;
    width: auto;
}

/*** LOGIN WIDGET (back-end) ***/



/********************/

.search-col-left {
    float: left;
    width: 48%;
    margin-bottom: 20px;
}
.search-col-right {
    float: right;
    width: 48%;
    margin-bottom: 20px;
}


.newsletter-info {
    top: 5px;
    left: 10px;
}

.newsletter-info .info-content {
    width: 600px;
    padding: 5px 5px 5px 0;
}


.newsletter-internal-attachment {
    width: 500px;
}

.data .message-introduction {
    background: url('/images/ico/ico-introduce.png') no-repeat left;
    padding-left: 18px;
}

.data .message-recommendation {
    background: url('/images/ico/ico-recommend.png') no-repeat left;
    padding-left: 18px;
}

.theme .recommended-object-icon {
    float: left;
    margin: 2px 10px 0 0;
}

.theme .recommendation-description {
    float: left;
    width: 325px;
}

/************* Introducion ***************/

#introduce-members {
    width: 770px;
}

#introduce-members DIV.field-name {
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    float: left;
    width: 80px;
    min-height: 22px;
    line-height: 21px;
}

#introduce-members DIV.field-value {
    margin-top: 10px;
    text-align: left;
    float: right;
    width: auto !important;
    min-height: 22px;
    line-height: 21px;
}

#introduce-members DIV.field-value .text {
    margin: 0px;
}

.introduce-recipient {
    width: 138px;
    height: 185px;
    background: url('/images/introduce-recipient-bg.png') no-repeat;
    float: left;
    margin-right: 7px;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

#introduce-members .last {
    margin-right: 0px;
}

.introduce-address-book {
    display: block;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}

.introduce-address-book .address-list {
    height: 150px;
    ov_erflow: auto;
}

.introduce-address-book .address-list ul {
    white-space: normal;
}

.introduce-address-book .search {
    margin-bottom: 6px;
    margin-right: 6px;
    float: none;
}

.introduce-address-book .x-form-field-wrap {
    float: left;
    margin-rigth: -3px;
}

.introduce-address-book .input-search {
    width: 140px;
    height: 19px;
    font: 12px Arial;
    background:url("/images/search-sprite.png") repeat scroll 0 42px transparent;
    float: none;
    display: inline;
    margin-top: 0px;
}

.introduce-address-book .address-list-box {
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
}

.introduced-users {
    margin-top: 20px;
    padding-top: 10px;
    /*border-top: 1px solid #999;*/
}

.introduced-users TABLE {
    border: none;
}

.introduced-users-search-container DIV {
    width: 146px !important;
}

#select-user-box {
    display: none;
}

.introduce-recipient .button-clear {
    margin-left: 50px !important;
    margin-top: 5px !important;
    position: absolute;
    top: 170px;
}

.introduce-recipient .avatar {
    position: absolute;
    top: 70px !important;
    left: 25px !important;
}

.introduce-recipient .userinfo {
    height: 57px !important;
    overflow: hidden;
}

/* ********************************* */

.list-empty {
    color: #999;
    font-size: 11px;
    padding: 10px;
}

/* Newsletter Template Default Layouts */
H1.default-template {
    margin-bottom: 15px;
}
.default-template-wrap {
    text-align: justify;
    line-height: 0;
}
    .default-template-wrap SPAN {
        display:inline-block;
        width:100%;
    }

A.default-template-preview {
    display: inline-block;
    width: 130px;
    height: 163px;
    margin: 0 0 15px;
    padding: 0 2px;
    border: 1px solid #CCC;
    text-decoration: none;
    background: #FFF;
    text-align: center;
}
A.default-template-preview:visited {
    border: 1px solid #AAA;
}
A.default-template-preview:hover,
A.default-template-preview:focus,
A.default-template-preview:active {
    border: 1px solid #0272BE;
    text-decoration: none;
}

.default-template-preview IMG {
    display: block;
    width: 130px;
    border: 0 none;
    margin: 0 auto;
}
.default-template-buttons {
    clear: both;
    border-top: 1px solid #DEDEDE;
    padding-top: 15px;
}
/* /Newsletter Template Default Layouts */

a.grey-link, a.grey-link:visited  {
    color: #333;
}
.replay-recipients-box {
    float: left;
    padding-left: 9px;
}
.replay-switcher-box {
    float: right;
    padding-right: 9px;
}


ul.holder li.recommendation-access-denied {
    background-color: #FF0000;
}
/* Google maps */
.google_map {
    width: 740px;
    height: 344px;
}
.panel_st .google_map {
    width:705px;
    margin-left: 15px;
    margin-bottom: 13px;
}
a.geo-locate {
    background: url("/images/ico/ico-map-marker.png") no-repeat;
    font: 11px/14px Arial;
    padding-left: 13px;
}
/* File previews */
.messages-read-attachment {
    margin-top:20px;
}

div.messages-read-attachment a {
    font-weight: bold;
}

.messages-read-attachment td {
    vertical-align: middle;
}
.messages-read-attachment a.thumbnail {
    float:left;
    background:white;
    padding: 3px;
    margin-right: 8px;
    box-shadow: 1px 1px 7px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.3);
}
.messages-read-attachment .filename {
    font-weight: bold;
}
.messages-read-attachment .details {
    font-size: 11px;
    line-height: 10px;
    color: gray;
}
.file-preview {
    margin: 10px 0;
    width: 100%;
    float: left;
}
.file-preview a.preview {
    float:left;
    background:white;
    padding: 4px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}
.file-preview img.preview {
    max-width: 540px;
    max-height: 500px;
}
/* File preview lightbox */
#file-preview-box {
    margin:20px 30px 10px 30px;
    text-align: center;
    m_in-height: 150px;
}
#file-preview-box h2 {
    float: left;
    margin-right: 20px;
}
#file-preview-box .toolbox {
    margin-top: 11px;
    text-align: right;
}
#file-preview-box .toolbox .filesize {
    color: silver;
    position: relative;
    margin-right: 5px;
    top: 3px;
}
#file-preview-box .link_button {
    float: right;
}
/* Allow Content */
table.allow-content {
    width: 760px;
}
table.allow-content td,
table.allow-content2 td {
    padding: 4px;
    vertical-align: middle;
}
table.allow-content .image-column,
table.allow-content2 .image-column {
     width: 22px;
     border-right: none;
}
table.allow-content2 .withicon {
    padding-left: 40px;
}
table.allow-content2 .withicon img {
    width: 32px;
    height: 32px;
    float: left;
    margin-left: -36px;
}
table.allow-content .details,
table.allow-content2 .details {
    font-size: 11px;
    line-height: 12px;
    color: #AAA;
}
table.allow-content label.off,
table.allow-content2 label.off {
    color: #AAA;
}
table.allow-content label,
table.allow-content2 label {
    white-space: nowrap;
}
table.allow-content label input,
table.allow-content2 label input {
    margin-right: 3px;
    margin-top: 3px;
    float: left;
}
table.allow-content2 {
    width: 960px;
}
table.allow-content2 tr.filter-labels td {
    border: none;
    padding: 0;
}
table.allow-content2 tr.filter td {
    padding-top: 0;
}
table.allow-content2 tr.filter td select,
table.allow-content2 tr.filter td input {
    margin: 0;
}
div.load-icon {
    background: url(/images/ico/loading-animated.gif) no-repeat left top;
    width: 16px;
    height: 16px;
    float: left;
}
/* Buttons in message view */
.message_buttons {
    background-color:#e4ecf6;
    padding: 12px;
}
/* Thematic Areas */
.panel_st.ta_overview,
.panel_st.group_overview {
    border-top-width: 10px;
    padding: 10px;
    padding-left: 122px;
    min-height: 100px;
}
.ta_overview {
    padding-left: 110px;
}
.ta_overview .ta_icon {
    width: 100px;
    height: 100px;
    float: left;
    margin-left: -110px;
}
.ta_overview h1 {
    margin-bottom: 5px;
    padding: 0;
}
.ta_overview h2 {
    font-size: 20px;
    font-family: Arial, sans-serif;
    margin-bottom: 4px;
}
.ta_overview .it_ids {
    float: right;
    margin: 0;
}
.ta_overview .ta_description {
    color: #666;
    margin-bottom: 5px;
}
.ta_overview .ta-elements {
    width: 100%;
}
.ta_overview .ta-elements td {
    vertical-align: top;
    min-width: 100px;
}
.ta_overview .ta-elements img.icon,
.group_elements img.icon {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    margin-top: 1px;
    vertical-align: top;
}
.ta_overview .group-count {
    float: left;
    height: 24px;
    line-height: 24px;
    background: #91b2c8;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 0 4px;
    min-width: 16px;
    text-align: center;
    margin-right: 4px;
}
.ta_overview .group-list {
    color: #91b2c8;
    font-size: 11px;
}
.ta_overview .group-list a {
    color: #91b2c8;
}
.ta_overview .more-info {
    display: block;
    font-size: 11px;
    text-align: right;
    margin-bottom: -6px;
}
.ta_overview.not-allocated-area {
    background: #eff2f4;
    color: #8aa6bb;
}
.ta_overview.not-allocated-area h2,
.ta_overview.not-allocated-area .ta_description {
    color: #8aa6bb;
}
.ta_overview .contact-person {
    color: #71808C;
    background: #e8f0f7;
    padding: 5px 10px 5px 30%;
    position: relative;
    min-height: 32px;
}
.ta_overview .contact-person label {
    position: absolute;
    right: 70%;
    top: 50%;
    margin-top: -10px;
    padding-right:45px;
    line-height: 20px;
}
.ta_overview .contact-person img {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 70%;
    margin-right: 4px;
    top: 5px;
}
.ta-edit #description {
    height: 6em;
}
.ta-files .title {
    padding: 10px;
}
.ta-files.ta-files-group .title {
    padding-left: 70px;
}
.ta-files h2 {
    font-size: 16px;
    font-family: Arial, sans-serif;
}
.ta-files .group-icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-left: -60px;
}
.ta-files .description {
    color: #666;
}
.ta-files .limited {
    max-height: 100px;
    overflow-y: hidden;
}
.ta-files a.show-all {
    display: block;
    c_olor: #91b2c8;
    font-size: 10px;
    margin: 3px 0 5px 15px;

}
.ta-files .library-file-title-item {
    border-left-width: 0;
    border-right-width: 0;
}

table.ta-files td { color: #777;}
table.ta-files .filename {
    font-size: 13px;
}
table.ta-files .source {
    padding-left: 15px;
}
table.ta-files .filesize {
    white-space: nowrap;
    text-align: right;
}
table.ta-files td.filesize a {
    background: url('/images/ico/ico-file-dwnld.png') no-repeat right center;
    display: block;
    font-size: 11px;
    padding-right: 12px;
    color: inherit;
}
table.ta-files .added {
    width: 75px;
    text-align: right;
    font-size: 11px;
}
/* New group overview	*/

.group_overview,
.panel_st.group_overview {
    padding-left: 75px;
    min-height: 0;
}
.group_overview h2 {
    font-size: 16px;
    font-family: Arial, sans-serif;
    margin-bottom: 4px;
}
.group_overview .group_icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-left: -60px;
}
.group_overview .group_description {
    color: #666;
    margin-bottom: 5px;
}
.group_overview .it_ids {
    float: right;
    margin: 0 0 0 16px;
}
.group_membership,
.group_moderators {
    font-size: 11px;
    color: #91B2C8;
    width: 35%;
    float: left;
    d_isplay: inline-block;
    v_ertical-align: top;
}
.group_membership.member,
.group_membership.moderator {
    background: url(/images/ico/ico-checkmark.png) no-repeat 0 1px;
    padding-left: 15px;
}
.group_membership b {
    color: #5c8cb0;
}
.group_moderators a {
    color: inherit;
    text-decoration: underline;
}
.group_elements {
    float: right;
    width: auto;
    min-width: 120px;
    color: #91B2C8;
    padding-left: 10px;
}

/* FOR CUSTOMIZABLE START PAGE (WIDGETS) */
.desktop {
    width: 100%;
    min-height: 200px;
    float: left;
    position: relative;
    z-index: 1;
}
.desktop .column {
    width: 308px;
    float: left;
    min-height: 40px;
    margin-right: 18px;
    margin-top: 0px;
    display: none;
}
#col1 {
    clear: left;
}
#col2 {
}
#col3 {
    float: right;
    clear: right;
    margin-right: 0;
}
#col4 {
    width: 634px;
    ma_rgin-bottom: 10px;
    margin-right: 0;
    display: none;
}
.half {
    /*background: #ffc617;*/
    color: white;
    position: absolute;
    height: 100%;
    top: 0;
    width: 50%;
    right: 50%;
    z-index: -1;
}
.half.f_r {
    /*background: #a3c72c;*/
    right: 0;
}
.half.only {
    width: 634px;
}
.widget-box {
    background:white;
}
.widget {
    background: white;
    position: relative;
    color: #333;
    border: solid #b3d0e4 1px;
    border-top-width: 12px;
    padding: 12px;
}
.widget-title {
    display: block;
    position: relative;
    top: -24px;
    background: #b3d0e4;
    margin-bottom: -10px;
    height: 12px;
    cursor: move;
}
.widget-title .btn-close,
.widget-title .btn-size {
    float: right;
    height: 12px;
    width: 12px;
    background: url(/images/widget-buttons.png) no-repeat 0 -12px;
    margin-left: 4px;
    cursor: default;
}
.widget-title .btn-close:hover,
.widget-title .btn-size:hover {
    background-color: #98b1c2;
}
.widget-title .btn-close {
    background-position: 0 -24px;
}
.widget-title:before {
    content: "";
    display: block;
    width: 27px;
    height: 12px;
    position: absolute;
    top: 0;
    background: url(/images/widget-buttons.png) repeat-x;
}
.widget-padding {
    height: 10px;
}
.not-drag {
    min-height: 10px;
}
.not-drag .widget-padding,
.not-drag .widget {
    background: none;
    border: none;
    height: 0px;
    padding: 0;
}
.drophere {
    padding-top: 10px;
}
.drophere div {
    border: dashed #0065a5 1px;
    height: 20px;
}
.dragged {
    position: absolute;
    left: 200px;
    top: 75px;
    background: #b3d0e4;
    border: solid #0065a5 1px;
    border-top-width: 12px;
    color: #0065a5;
    opacity: 0.3;
    filter: alpha(opacity=30);
    height: 100px;
    width: 306px;
}
.dragged .x-dd-drag-ghost {
    display: none;
}
.widget-toolbar {
    float: left;
    width: 934px;
}
.widget-toolbar .widget-title {
    cursor: default;
}
.widget-toolbar .widget-title:before {
    content: none;
}
.widget-toolbar .intro {
    float: left;
    font-size: 11px;
    color: #99adc2;
    width: 270px;
    padding-left: 18px;
    background: url(/images/ico/ico-info.png) no-repeat;
}
.widget-toolbar fieldset {
    float: left;
    margin-left: 25px;
}
.widget-toolbar fieldset label {
    font-size: 12px;
    display: block;
    color: #333;
}
.widget-toolbar fieldset input,
.widget-toolbar fieldset select {
    width: 150px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: solid silver 1px;
}
.widget-toolbar fieldset input[type="submit"] {
    background: #6289b2;
    color: white;
    font-size: 11px;
    width: auto;
    height: 22px;
    margin: 0;
    padding: 0 4px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
    overflow: visible;
}
a.widget-toolbar-closed {
    display: block;
    width: auto;
    white-space: nowrap;
    clear: both;
    float: right;
    background: url(/images/ico/ico-cog.png) no-repeat;
    padding-left: 16px;
    font-size: 11px;
    height: 16px;
}
a.widget-toolbar-closed:hover {
    background-position: 0 -18px;
    text-decoration: underline;
}

.ext-el-mask.navigator-ondrag-mask {
    /* used native navigator background */
    background: url("/images/menu-bg_c.gif") repeat-x scroll left top transparent;
    opacity: 0.2;
}
/* WIDGETS */
.widget h1 {
    font-size: 18px;
    padding: 0;
    margin: 0 0 7px 0;
    line-height: 19px;
    border: none;
}
.widget h1 a {
    color: inherit;
}
.widget .show-more {
    margin-top: 7px;
    font-size: 11px;
    line-height: 11px;
}
.widget .show-more a {
    background: url(/images/arrow-right.png) no-repeat 0 2px;
    padding-left: 14px;
    height: 11px;
    color: #91b2c8;
}
.widget .show-more a:hover {
    background: url(/images/arrow-right.png) no-repeat 0 -11px;
    color: #0272BE;
}
/* WIDGET: people you may know */
.widget-people-small,
.widget-group-element,
.widget-activities-element,
.widget-events .event-item {
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
    border-top: dotted #b3d0e4 1px;
    margin-top: 7px;
    font-size: 11px;
    line-height: 12px;
}
.expanded .widget-people-small:nth-child(2) {
    padding: 0;
    border-top: none;
}
.widget-people-small:first-child,
.widget-group-element:first-child,
.widget-activities-element:first-child,
.expanded .widget-activities-element,
.widget-events .event-item:first-child {
    padding: 0;
    border-top: none;
}
.widget .expanded {
    margin-right: -24px;
}
.expanded .widget-people-small {
    width: 290px;
    margin-right: 24px;
    display: inline-block;
    vertical-align: top;
}
.widget-people-small .userpic {
    width: 32px;
    height: 32px;
    float: left;
    margin: 2px 8px 0 0;
}
.widget-people-small .username,
.widget-activities-element .username {
    font-size: 12px;
}
.widget-people-small a.btn-add,
.widget-people-small a.btn-note,
.widget-people-small a.btn-message {
    visibility: hidden;
    float: right;
    background: url(/images/ico/ico-reminder.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 3px;
}
.widget-people-small a.btn-add {
    background-image: url(/images/ico/ico-contact-add.png);
    visibility: visible;
}
.widget-people-small a.btn-message {
    background-image: url(/images/ico/ico-message.png);
    margin-left: 0;
}
.widget-people-small:hover a.btn-add,
.widget-people-small:hover a.btn-note,
.widget-people-small:hover a.btn-message {
    visibility: visible;
}
/* Infocenter */
.widget .last-login {
    font-size: 11px;
    color: #91b2c8;
}
.widget .last-login a {
    color: #91b2c8;
    text-decoration: underline;
}
a.infocenter {
    padding-left: 17px;
    line-height: 16px;
}
.expanded a.infocenter {
    line-height: 20px;
}
a.infocenter.message{
    background: url(/images/ico-start-msg.gif) no-repeat left 3px;
}
a.infocenter.invitation{
    background: url(/images/ico-start-inv.gif) no-repeat left 3px;
}
a.infocenter.reminder{
    background: url(/images/ico-start-rmd.gif) no-repeat left 3px;
}
a.infocenter.contacts {
    background: url(/images/ico-start-cnt.gif) no-repeat left 3px;
}
a.infocenter.edit-profile {
    background: url(/images/ico-start-prfl.gif) no-repeat 1px 3px;
}
.widget .bold {
    font-weight: bold;
}
 .infocenter-tablink {
    display: block;
    font-size: 11px;
    padding-left: 14px;
}
.infocenter-tablink.marked {
    background: url(/images/ico/ico-checkmark.png) no-repeat 0 1px;
}
/* community news */
.widget-news.expanded {
    width: 100%;
}
.widget-news .item {
    overflow: hidden;
    padding-top: 5px;
    border-top: dotted #b3d0e4 1px;
    margin-top: 7px;
}
.widget-news.expanded .item {
    border-top: none;
    padding-top: 0;
}
.widget-news .item:first-child {
    padding: 0;
    border-top: none;
}
.widget-news .new_message {
    background: #ff2a00;
    font-weight: bold;
    padding: 0 3px;
    font-size: 10px;
    line-height: 11px;
    color: white;
}
.widget-news .caption {
    font-weight: bold;
}
.widget-news .date {
    color: gray;
    font-size: 11px;
    font-style: normal;
}
.widget-news.expanded .date {
    border-top: dotted #b3d0e4 1px;
    margin-top: 7px;
}
.widget-news.expanded .date span {
    display: block;
    float: left;
    padding-right: 4px;
    width: auto;
    background: white;
    margin-top:-8px;
}
.widget-news .event-item {
    padding: 3px 0;
}
.widget-box .info_reduced {
    margin:0 -25px 0 0;
    float:right;
}
.info_reduced {
    opacity:0.6;
    background:url(../images/ico/ico-info.png);
    width:16px;
    height:16px;
    position:relative;
}
.info_reduced span {
    display:none;
    top:-10px;
    right:-15px;
    left:auto;
    bottom:auto;
    padding:13px;
}
.info_reduced:hover {
    opacity:1.0;
}
.info_reduced:hover span {
    display:block;
    cursor:default;
}

/* contacts activities */
.widget-activities-element .pic {
    display: inline-block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
}
.widget-activities-element .activity-date {
    font-size: 10px;
    color: #999;
    }
.expanded .widget-activities-element .activity-date {
    display: inline-block;
    vertical-align: top;
    border-top: dotted #b3d0e4 1px;
    width: 73px;
    padding-top: 2px;
}
.widget-activities-element .activity-info {
    display: inline-block;
    vertical-align: top;
    width: 242px;
}
.expanded .widget-activities-element .activity-info{
    width: 445px;
}
.widget-activities-element .activity-file {
    float: none!important;
    display: inline-block;
}
/* widget: my groups */
.widget-group-element .group-pic {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.widget-group-element .group-info {
    padding-left: 8px;
    display: inline-block;
    width: 242px;
    vertical-align: middle;
}
.widget-group-element .group-info .caption {
    font-size: 13px;
    line-height: normal;
    font-weight: bold;
}
.expanded .widget-group-element .group-info{
    width: 450px;
}
.expanded .widget-group-element .group-updates {
    padding-left: 8px;
    width: 110px;
    display: inline-block;
    vertical-align: middle;
}
.widget-group-element a.group-updates-link{
    border-left: 1px #B3D0E4 solid;
    padding-left: 3px;
}
.widget-group-element a.group-updates-link:first-child{
    border-left: none !important;
    padding-left: 0;
}
/* Upcoming Events */
.widget-events .event-item {
    padding-bottom: 0;
}
.widget-events .event-item .caption {
    font-size: 12px;
    font-weight: bold;
}
.calendar.widget-events {
    float: right;
    po_sition: relative;
    margin-top: -14px;
    margin-right: -44px;
    width: 240px;
    border-left: dotted #b3d0e4 1px;
}
.calendar.widget-events .holiday {
    background: #e5f2ff;
}
.calendar.widget-events .month-name {
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
}
.widget-events.expanded {
    width: 365px;
}
.widget-events .event-details {
    width: 242px;
}
.widget-events.expanded .event-details {
    width: 325px;
}
/* END WIDGETS */
/* Header harmonization */
h1.top-most {
    border:none;
    font: bold 20px Arial;
    padding-top: 0;
}
.wrap_tabs.compacted {
    margin-top: -15px;
}
/* company address autofill */
.company_locations {
    padding: 6px 10px;
    margin-top: 1ex;
}
.company_locations ul {
    padding: 1ex 0 0 0;
    line-height: 100%;
    color: gray;
}
.company_locations li {
    clear: both;
    margin-bottom: 1ex;
}
.company_locations li a.stand {
    float: right;
}
/* companies list */
.abc-selector.companies-list {
    margin-bottom: 15px;
    padding: 0;
    height: 18px;
}
.companies-list {
    padding-left: 40px;
}
.companies-list .company {
    padding: 10px 0;
    border-top: dotted #b3d0e4 1px;
}
.companies-list .company.qualified {
    background-image: url(/images/qualified.png);
    background-repeat: no-repeat;
    background-position:  right center;
}
.companies-list .company .details {
    font-size: 11px;
    color: gray;
}
.companies-list h3 {
    float: left;
    clear: left;
    position: relative;
    margin-left: -40px;
    background: #d9e8f2;
    color: white;
    font-size: 18px;
    line-height: 33px;
    width: 30px;
    text-align: center;
}
.companies-list h3:after {
    position: absolute;
    top: 0;
    content: "";
    width: 39px;
    display: block;
    border-top: dotted #b3d0e4 1px;
}
/* company info */
.col_1 {
    float: left;
    width: 360px;
}
.col_2 {
    float: right;
    width: 360px;
}
.user-entered-info {
    clear: both;
    margin: 5px 0;
    overflow: hidden;
}