/* 
* community_common.css 
* Description: General design file for the blogs,news,video etc. 
* Created on: January 24, 2011 
* Last modified on:Jan 30, 20123
* Last modified by:Ruby
* Purpose: To add styles for profile keywords to prevent text selection on double click
* Copyright 2011 Frontiers Media S.A. All Rights Reserved.
*/


ul.holder
{
    background-color: #FFFFFF;  
    border: 1px solid #b8b9bb;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 0 0;
}
#divCommonSortableAutoComplete ul.holder
{
    background-color: #FFFFFF;
    border: 1px solid #B8B9BB;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#divCommonSortableAutoComplete ul.holder
{
    font-size: 11px;
    line-height: 11px;
    padding-bottom: 5px !important;
    border: 1px solid #707173 !important;
}
#divCommonSortableAutoComplete ul.holder li.bit-box
{
    float: left; 
    list-style: none outside none; 
    width: auto !important;
    clear: none !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
}

li.SndMsg ul.holder
{
    border: 1px solid #3e3d40;
}
ul.holder li.bit-input input.maininput, 
ul.holder div.bit-input input.maininput
{
    padding-bottom: 2px\0/;
    padding-bottom: 4px\0/;
    margin: 2px 0!important\0/;
}
*:first-child + html ul.holder li.bit-input input.maininput, 
*:first-child + html ul.holder div.bit-input input.maininput
{
    padding-bottom: 3px;
    padding-top: 4px;
}
* html ul.holder
{
    padding-bottom: 2px;
}
ul.holder li
{
    float: left;
    list-style-type: none;
    margin: 0 5px 0px 0;
   /* white-space: nowrap;*/
}
ul.holder li.bit-box, 
ul.holder li.bit-input input, 
ul.holder div.bit-input input
{
    color: #3E3D40 !important;
}
#divCommonSortableAutoComplete ul.holder li.bit-box, 
#divCommonSortableAutoComplete ul.holder li.bit-input input,
#divCommonSortableAutoComplete ul.holder div.bit-input input 
{
	padding: 2px 19px 2px 6px !important;
    width: auto !important;
    line-height: 14px;
    margin: 5px 0 0 5px !important;
}
#keywrdWrap01 #divCommonSortableAutoComplete ul.holder div.bit-input input
{
     line-height: 16px!important;
}
#divCommonSortableAutoComplete ul.holder div.bit-input input 
{
    padding-left: 0px !important;  
}
ul.holder li.bit-input input, 
ul.holder div.bit-input input
{
    height: 18px;
}
ul.holder li.bit-box
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border-radius: 3px 3px 3px 3px;*/
    color: #3e3d40 !important;
    line-height: 14px;
    margin: 5px 0 0px 5px;
    padding: 2px 19px 2px 6px;
    position: relative;
}
ul.holder li.bit-box-focus
{
    background: none repeat scroll 0 0 #598BEC;
    border-color: #598BEC;
    color: #FFFFFF;
}
ul.holder li.bit-input input, 
ul.holder div.bit-input input
{
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    box-shadow: none;
    color: #666666;
    margin: 0 0; /*1px 0*/
    outline: 0 none;
    padding: 5px;
    width: 240px;
}

@media \0screen
{
    ul.holder li.bit-input input, 
    ul.holder div.bit-input input
    {
        margin: 2px 0 1px 0 !important;
        padding-bottom: 2px;
    }
}

ul.holder li.bit-input input.smallinput, 
ul.holder div.bit-input input.smallinput
{
    width: 20px;
}
ul.holder li.green-choice
{
    background: #51b749;
    color: #fefefe !important;
    border: 1px solid #41a140;
}
ul.holder li.orange-choice
{
    background: #e7ad00;
    color: #fefefe !important;
    border: 1px solid #d49f00;
}
ul.holder li.grey-choice
{
    background: #BABABA;
    color: #fefefe !important;
    border: 1px solid #A4A4A4;
}
ul.holder li.grey-choice:hover, 
ul.holder li.orange-choice:hover, 
ul.holder li.green-choice:hover
{
    color: #fff !important;
}

ul.holder
{
    margin: 0 !important;
    z-index:0px!important;
}
ul.holder li.bit-box, 
#apple-list ul.holder li.bit-box
{
    margin-top: 4px;
    padding-right: 15px;
    position: relative;
   /* z-index: 1000;*/
}
#apple-list ul.holder li.bit-input, 
#apple-list ul.holder div.bit-input
{
    margin: 0;
}
#apple-list ul.holder li.bit-input input.smallinput, 
#apple-list ul.holder div.bit-input input.smallinput
{
    width: 5px;
}
ul.holder li.bit-hover
{
    background: none repeat scroll 0 0 #BBCEF1;
    border: 1px solid #6D95E0;
}
ul.holder li.bit-box span
{
    cursor: default;
}
ul.holder li.bit-box-focus
{
    background: none repeat scroll 0 0 #D4D4D4;
}
ul.holder li.bit-box-focus
{
    background: none repeat scroll 0 0 #598BEC;
    border-color: #598BEC;
    color: #FFFFFF;
}
ul.holder li.bit-box a.closebutton, 
ul.holder li.grey-choice a.closebutton, 
ul.holder li.orange-choice a.closebutton, 
ul.holder li.green-choice a.closebutton
{
    background: url("/Design/Images/chosen-sprite.png") no-repeat scroll right -9px transparent;
    display: block;
    font-size: 1px;
    height: 9px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 8px;
}
ul.holder li.bit-box a.closebutton:hover, 
ul.holder li.grey-choice:hover a.closebutton, 
ul.holder li.orange-choice:hover a.closebutton, 
ul.holder li.green-choice:hover a.closebutton
{
    background-position: -43px -9px !important;
}
ul.holder li.bit-box-focus a.closebutton, 
ul.holder li.bit-box-focus a.closebutton:hover, 
ul.holder li.grey-choice:hover a.closebutton, 
ul.holder li.orange-choice:hover a.closebutton, 
ul.holder li.green-choice:hover a.closebutton
{
    background-position: -43px -9px !important;
}
.privacy-auto
{
    background: none repeat scroll 0 0 #FFFFFF;/*#E2E2E2*/
    display: none;
    position: absolute;
    z-index: 1001;
}
.privacy-auto .default
{
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #5B5B5B !important;
    font-size: 11px;
    padding: 5px 7px;
}
.privacy-auto ul
{
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 9999;
    max-height: 220px!important;
    height:auto!important;
    border: 1px solid #ccc; 
}
.privacy-auto ul li
{
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #5B5B5B !important;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px;
    z-index: 1000;
    width:100%;
}
.privacy-auto .slimScrollDiv .slimScrollBar 
{
    z-index: 9999999999999999!important;
    height:160px!important;
    
}

#divCommonSortableAutoComplete .privacy-auto ul li
{
    margin: 0 !important;
    padding: 5px 10px !important;
}
.privacy-auto ul li em
{
    font-style: normal;
    font-weight: bold;
}
.privacy-auto ul li.auto-focus
{
    background: none repeat scroll 0 0 #3875d7;
    color: #fff !important;
}
.privacy-auto ul li.auto-focus span{ color: #fff !important;}
.privacy-auto ul li.auto-focus em
{
    background: none repeat scroll 0 0 transparent;
}
.hidden
{
    display: none;
}
.maininput
{
    font-size: 11px !important;
}
.privacy-auto ul li.no-results
{
    background: none repeat scroll 0 0 #F4F4F4;
}
#demo ul.holder li.bit-input input, 
#demo ul.holder div.bit-input input
{
    border: 1px solid #999999;
    padding: 2px 0 1px;
}
.ie6fix
{
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1;
}
.textEntryNew
{
    border: medium none !important;
    width: auto;
}
.no-focus
{
    background-color: #FFFFFF !important;
    cursor: default !important;
}


/* -->> CSS for listwithThumbnail */
.autData .chzn-drop
{
    text-align: left;
}
.autData .chzn-select, 
.autData .chzn-container-multi .chzn-choices .search-choice span, 
.autData .chzn-container input.default
{
    font-size: 12px !important;
}
.listwithThumbnail, 
.listwithThumbnail li
{
    list-style-type: none !important;
}
.listwithThumbnail li
{
    height: auto !important;
    padding: 3px 2px;
    margin: 0 0 1px 0;
    clear: left;
    width: 100%;
    float: left;
    font-size: 11px !important;
    line-height: 14px !important;
}
 
.listwithThumbnail li span.image32
{
    width: 32px;
    min-height: 32px;
    height: auto !important;
    height: 32px;
    margin: 0 8px 0 0;
    padding: 0;
    float: left;
}
.listwithThumbnail li span.txtData
{
    width: 88%;
    min-height: 32px;
    height: auto !important;
    height: 32px;
    margin: -2px 0 0 0px;
    padding: 0;
    float: left;
    color: #707173;
}
.listwithThumbnail li span.txtData span
{
    font-size: 11px !important;
}
.listwithThumbnail li span.txtData strong
{
    color: #3e3d40;
    padding-bottom: 4px;
    display: inline-block;
    clear: left;
}
.listwithThumbnail li.auto-focus span
{
    background: none repeat scroll 0 0 #3875d7;
    color: #fff !important;
}
.listwithThumbnail li.auto-focus span strong
{
    color: #fff !important;
}

.widgetContent .maininput
{
     background: none!important;
     border:none !important;
     box-shadow: none;
     color: #666666;
     margin: 0;
     outline:none;
     padding-left: 5px;
     padding-top: 5px;
     /*width: 240px!important;*/
     width: 235px!important;
     resize: none;
     overflow: hidden;
     /*height: 64px;*/
     height: 57px;
     float:left
}

.widgetContent .maininput2
{
      background: none!important;
      border:none !important;
      box-shadow: none;
      color: #666666;
      margin: 0;
      outline:none;
      padding-left: 5px;
      padding-top: 5px;
      width: 235px!important;
      resize: none;
      overflow: hidden;
      height: 57px;
      float:left
}

.privacy-auto li span
{
    color: #1B79B3;
}

.search_multi {
    float: left;
    margin: 0;
    padding: 0;
    width: 346px !important;
}
.search_multi ul.holder {
    border: 1px solid #BABABA !important;
    border-radius: 5px 5px 5px 5px;
    padding: 0 25px 0 0 !important;
    width: 319px !important;
}.search_multi .ser_icon {
    float: left;
    height: 21px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 1px;
    width: 24px;
}.search_multi .ser_icon input {
    border: medium none !important;
    float: left;
    height: 16px;
    margin: 2px 0 0;
    padding: 0;
    width: 16px;
}.search_multi ul.holder .bit-input .maininput {
    float: left !important;
    height: 21px !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    width: 311px !important;
}
.search_multi .privacy-auto {
        width: 346px !important;
}
.search_multi .privacy-auto ul {
    border: 1px solid #BABABA !important;
    width: 344px !important;
}

.invitePeopleBoxHolder{ width:233px; min-height:62px}


#keywrdWrap01 #divCommonSortableAutoComplete ul.holder
{
    background-color: #FFFFFF;
    border: 1px solid #BABABA;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: static;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 2px 2px 3px #D9D9D9;
    -moz-box-shadow: 2px 2px 3px #D9D9D9;
    -webkit-box-shadow: 2px 2px 3px #D9D9D9;*/

}
#keywrdWrap01 #divCommonSortableAutoComplete ul.holder
{
    font-size: 11px;
    line-height: 11px;
    padding-bottom: 5px !important;
    border: 1px solid #BABABA !important;
    min-height: 27px;
}
#keywrdWrap01 #divCommonSortableAutoComplete ul.holder li.bit-box
{
    float: left; 
    list-style: none outside none; 
    width: auto !important;
    clear: none !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
}
/*#keywrdWrap01 #divCommonSortableAutoComplete ul.holder div.bit-input input 
{
    margin-bottom:4px !important;
}*/

#keywrdWrap01 .privacy-auto ul
{
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 9999;
    height: auto !important;
    border: 1px solid #ccc; 
}
#keywrdWrap01 .privacy-auto ul li
{
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #5B5B5B !important;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px;
    z-index: 1000;
    width:100%!important;
}


#keywrdWrap01 .privacy-auto ul li em
{
    font-style: normal;
    font-weight: bold;
}
#keywrdWrap01 .privacy-auto ul li.auto-focus
{
    background: none repeat scroll 0 0 #3875d7;
    color: #fff !important;
}
#keywrdWrap01 .privacy-auto ul li.auto-focus span{ color: #fff !important;}
#keywrdWrap01 .privacy-auto ul li.auto-focus em
{
    background: none repeat scroll 0 0 transparent;
}

#keywrdWrap01 .privacy-auto ul li.no-results
{
    background: none repeat scroll 0 0 #F4F4F4;
}

#divKeywordFollowWrapper .holder.keywordDragDropHolder.noDragOut.inputBorder
{
  padding-right:0px !important;  
}

#divKeywordFollowWrapper .privacy-auto ul li
{
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #5B5B5B !important;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px;
    z-index: 1000;
    width:100%;
}

#divKeywordFollowWrapper .privacy-auto ul li.auto-focus
{
    background: none repeat scroll 0 0 #3875d7;
    color: #fff !important;
}

.inputborderdark
{
   border-color:#4E4949 !important;
   border-radius: 5px 5px 5px 5px !important;
   padding-right:0 !important;
}
#ulKeywords {
 -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */ 
 -khtml-user-select: none;/* webkit (konqueror) browsers */  
}