

/*

@author Eldar

@copyright Hire-Experts LLC

@version Core 1.02

*/



/* messages */



.he_input_success_message { color:#11CC33; }

.he_input_error_message { color:#FF3F3F; }



.he_message_notice, .he_message_success, .he_message_error {

	text-align: center;

	width: 380px;

	margin: auto;

	padding: 5px 10px;

    margin-bottom: 10px;

}

.he_message_success {

	background-color: #E7FFDF;

	border: 1px solid #9EFF7F;

}

.he_message_error {

	background-color: #FFEFF0;

	border: 1px solid #FFCFCF;

}

.he_message_cont {

	height: 50px;

}

.he_message_cont .t {

    font-weight: bold;

    display: block;

}



/* paging */

.paging {

	height: 20px;

	margin: 6px 0 15px 0;

}

.paging span {

	float: left;

	margin-right: 6px;

	padding: 2px 0;

}

.paging a:link, .paging a:visited {

	border: 1px solid #ccc;

	float: left;

	margin-right: 6px;

	padding: 2px 7px;

	text-align: center;

}

.paging a:hover, .paging a.active {

	background-color: #f0f0f0;

	color: #333;

}



/* choose contacts */

.he_contacts {

    padding-top: 15px;

}

#he_contacts_loading {

    background: #ccc url("../images/he_contacts_loading.gif") no-repeat center center;

    left: 0;

    opacity: 0.6;

    filter: alpha(opacity = 60);

    position: absolute;

    top: 0;

}

#he_contacts_message {

    background: #e0e0e0;

    font-size: 12px;

    font-weight: bold;

    left: 0;

    opacity: 0.8;

    filter: alpha(opacity = 80);

    position: absolute;

    top: 0;

}

#he_contacts_message .msg{

    background: url("../images/icons/bulb16.gif") no-repeat center left;

    color: #333;

    margin: 200px auto 0 auto;

    padding-left: 20px;

    width: 320px;

}

.he_contacts .contacts, .he_contacts .emails {

    border: 1px solid #ddd;

    margin: 0 auto;

    padding: 6px; 

    width: 568px;

}

.he_contacts .emails {

    border-top: none;

    padding: 8px 6px 10px;

}

.he_contacts .label {

    font-weight: bold;

    margin-bottom: 6px;

    text-align: left;

}

.he_contacts .btn {

    margin: 8px 0 0 15px;

    text-align: left;

    width: 200px;

}

.he_contacts .info {

    color: #999;

    font-weight: normal;

}

#he_contacts_list {

    height: 265px;

    overflow-y: auto;

}

.he_contacts .contacts .active,

.he_contacts .contacts .item:hover {

    background: url(../images/he_contact_bgs.gif) no-repeat;

    text-decoration: none;

}

.he_contacts .contacts .item {

    display: block;

    float: left;

    height: 64px;

    margin-left: 3px;

    margin-bottom: 2px;

    overflow: hidden;

    width: 134px;

	outline:none;

}

.he_contacts .contacts .active .photo .inner {

    background: url(../images/he_contacts_checked_i.gif) no-repeat bottom left;

    display: block;

    height: 50px;

    width: 50px;

}

.he_contacts .contacts .photo {

    display: block;

    float: left;

    margin: 5px 3px 0;

    height: 50px;

    width: 50px;

}

.he_contacts .contacts .name {

    display: block;

    margin-top: 5px;

    overflow: hidden;

    width: 77px;

}

.he_contacts .more, .he_contacts .more_disabled {

    background: url(../images/he_contacts_more.png) no-repeat right;

    cursor: pointer;

    float: right;

    padding-right: 20px;

    height: 16px;

    text-align: right;

}

.he_contacts .more_disabled {

    background: url(../images/he_contacts_more_disabled.png) no-repeat right;

    color: #bfbfbf;

    cursor: auto;

}

.he_contacts .emails textarea {

    border: 1px solid #cfd4e4;

    height: 40px;

    font-size: 11px;

    width: 564px;

}

.he_contacts .contact_checkbox {

	width: 60px;

	height: 25px;

	padding-left: 23px;

	background: url("../images/he_contacts_checkbox.gif") no-repeat;

	background-position: 1px -3px;

	display: block;

	clear: left;

	float: left;



}

.he_contacts .check_all, .he_contacts .check_all_disabled {

    cursor: pointer;

    float: left;

    height: 16px;

    text-align: left;

}

.he_contacts .check_all_disabled {

    color: #bfbfbf;

    cursor: auto;

}

.he_contacts .he_before_check {

	background-position: 1px -28px;

}

.he_contacts .he_checked {

	background-position: 1px -53px;

}

.he_contacts .he_before_uncheck {

	background-position: 1px -78px;

}



/* single classes */

.clr {

	clear: both;

}



.display_none { 

	display:none;

}
