/******************************************************************************
 * Hopper styles we should try to remove...
 *****************************************************************************/

div.hopper
{
   float:left;
   margin-bottom:     5px;
   padding-top:       2px;
   padding-bottom:    2px;
}

div.hopper_key
{
   margin: 0.5em;
   width:25em;
   border: #aaa solid 1px;
   clear: left;
}

div.hopper_group
{
   margin:1px;
   width:99%;
}

div.hopper_userdomain
{
   margin:1px;
   width:99%;
}

div.hopper_owner
{
   margin:1px;
   width:99%;
}


div.hopper_container
{
   border:          1px solid #e7e7e7;
   padding:         5px;
}

div.hopper div.controls
{
   text-align: right;
   padding:0.5em;
   clear:right;

}

div.hopper div.title
{
   clear:left;
   float:left;
}
div.hopper div.title,
div.hopper_single div.title,
div.hopper_key div.title,
option.hopper
{
   font-weight: bold;
   font-size: 16px;
   padding-left: 30px;
}

h5.hopper
{
   padding-left: 30px;
}

div.hopper_profile div.title,
option.hopper_profile,
h5.hopper_profile
{
   background-image: url(../../images/compere/hoppers/icon_personalhopper.gif);
   background-repeat: no-repeat;
}

div.hopper_userdomain div.title,
option.hopper_userdomain,
h5.hopper_userdomain
{
   background-image: url(../../images/compere/hoppers/icon_companyhopper.gif) ;
   background-repeat: no-repeat;
}

div.hopper_group div.title,
option.hopper_group,
h5.hopper_group
{
   background-image: url(../../images/compere/hoppers/icon_grouphopper.gif) ;
   background-repeat: no-repeat;
}

div.hopper div.description
{
   margin-left:30px;
   float:left;
   padding-right:5px;
}

div.hopper textarea.description
{
   width:500px;
   height:100px;
}


div.hopper input.title
{
   width:500px;
}

div.hopper select.hopper_access
{
   background: #ffd;
}

div.hopper div.details
{
   float:right;
   clear:right;
   border: 1px solid #888;
   background: #fff;
   padding: 0.5em;
   font-size: 0.7em;
   width: 50em;
}

div.hopper div.details div.details_title
{
   font-size: 1.5em;
   font-weight: bold;
}

div.hopper_section
{
   border: 1px #ddd solid;
   margin-top: 1em;
}


div.hopper_create
{
   float:left;
   clear:right;
}

div.hopper_create_field
{
   float: left;
}


div.hopper_key_section
{
   float:right;
   clear: right;
   position: absolute;
   right: 1em;
   border: 1px #ddd solid;
   background: #fff;
}

div.hopper_key_title
{
   background: #ddd;
   text-align: center;
   font-size: 1.2em;
   font-weight: bold;
   float:left;
   width: 22em;
   margin-bottom: 0.5em;
   border: #aaa solid 1px;
}

select.hopper_access
{
   visibility: hidden;
   float:right;
   font-size: 1em;
}

td.hopper_whitelist,
th.hopper_whitelist
{
   background: #cfc;
   text-align: center;
}
td.hopper_blacklist,
th.hopper_blacklist
{
   background: #fcc;
   text-align: center;
}

div.hopper_comment
{
    margin-left: 2em;
    margin-top:  1em;
}

div.hopper_comment_content
{
    border: 1px solid #ddd;
    padding: 0.2em;
}

div.hopper_comment h6
{
    background: #ddd;
    padding: 0.1em;
}

div.hopper_comment textarea
{
   width: 100%;
}

div.hopper_comment_selected
{
   border: #fc0 solid 1px !important;
}
div.hopper_comment_delete
{
   border: #f00 solid 1px !important;
}

div.hopper_comment_delete div.hopper_comment_selected
{
border: none !important;
}
div.hopper_comment_delete div.hopper_comment_delete_confirm
{
    color: #f00;
    margin: 0.5em;
}

div.hopper_comment_delete div.hopper_comment_content
{
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
}

.hopper_person_name
{
    color:                  #000;
    font-weight:            bold;
    text-decoration:        none;
}

.hopper_item
{
    padding:                0.2em;
}

div.hopper_item_title
{
    background:             rgb(231,242,255);
    line-height:            20px;
    border:                 rgb(231,242,255);
}

.hopper_item_body
{
    border:                 1px solid #eee;
    padding:                0 0 0 10px;
}

.comment_personal, .comment_user, .comment_group
{
    border-left:  2px solid;
    margin:       1em 0;
    padding-left: 0.5em;
}

.comment_personal
{
    border-color: #fc0;
}

.comment_user, .comment_group
{
    border-color: #d0d0d0;
}

.comment_title
{
    margin-right:           5px;
}

.comment_body
{
    margin-right:           5px;
}

.replies
{
    margin-left:            2em;
}

.comment
{
    margin-top:             0.2em;
}

#comment_form label
{
    display: block;
}

.c_textarea
{
    width:                  400px;
    height:                 175px;
}

.c_form_header
{
    font-size:              1.2em;
    font-weight:            bold;
}