/* EXTJS EXTRAS */

.clear {
	clear:both;
}

/* Comment */

#comments {
background: #f2f2f2;
padding: 10px;
}

div.comment {
	width: auto;
	font-size: 1em;
	margin-bottom: 24px;
}

div.comment blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #fff;
}

div.comment blockquote p {
	margin: 10px;
	padding: 0px;
        color: #333;
}

div.comment cite {
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 0px;
	background: transparent url(../images/tip.gif) no-repeat 20px 0;
	font-style: normal;
        color: #333;
line-height: 25px
       
}


.search_icon {
    background-image:url(../images/icons/search_icon.gif) !important;
}
.search_basis {
    background-image:url(../images/icons/search_basis.gif) !important;
}
.search_aufnahme {
    background-image:url(../images/icons/search_aufnahme.gif) !important;
}
.search_text {
    background-image:url(../images/icons/search_text.gif) !important;
}

/*    CSS FOR THE PROFILEVIEW START */

#profile {}

div.profile-title-left {
display: block;
float: left;
width: 350px;
}

div.profile-title-right {
display: block;
float: right;
width: 170px;

}

div.profile-name {
font-size: 14px;
font-weight: bold;
color: #333;
line-height: 15px;
padding: 5px;
}

.profile-onlinestatus {
color: #009900;
font-size: 10px;
}

.profile-local {
font-size: 10px;
line-height: 20px;
height:20px
}

div.profile-local div.type {
position: relative;
top:-5px;
left:-5px;	


}

.profile-local div.flag {
position: relative;
top:-18px;
left:65px;	
border: 1px solid #52443B;
width:16px
}

.profile-local div.place {
position: relative;
top:-35px;
left:90px;	

}


.profile-stars {
text-align: left;
}


.profile-membersince {
font-size: 10px;
padding: 5px 0 0 0;
font-weight: normal;
text-align: left;

}

div.profile-proof {
display: block;
font-weight: normal;
float: right;
}

#profile-sedcard {
background: #000;
height: 410px;
display: block;
}

.profile-sedcard-bigthumb img{
display: block;
position: absolute;
top:10px;
left: 7px;
}

.profile-sedcard-thumb1 img{
display: block;
position: absolute;
top:10px;
left: 265px;
clip:rect(0px 130px 150px auto);
}

.profile-sedcard-thumb2 img{
display: block;
position: absolute;
top:10px;
left: 405px;
clip:rect(0px 130px 150px auto);
}

.profile-sedcard-thumb3 img{
display: block;
position: absolute;
top:180px;
left: 265px;
clip:rect(0px 130px 170px auto);
}

.profile-sedcard-thumb4 img{
display: block;
position: absolute;
top:180px;
left: 405px;
clip:rect(0px 130px 170px auto);
}

div#profile-data{
color: #666;
}

#profile-data h3{
color: #000;
border-bottom: 1px solid #ddd;
line-height: 25px;
padding-left: 25px;
background:url(../images/icons/tag_yellow.gif) no-repeat #f2f2f2 5px;
}

#profile-data-details {
width: 277px;
display: block;
float: left;
background: #f2f2f2;
}

#profile-data-details ul li{
border-bottom: 1px dashed #ddd;
padding-left: 10px;
line-height: 22px;
}

#profile-data-details span{
font-weight: bold;
}

#profile-data-description h3{
color: #000;
border-bottom: 1px solid #ddd;
line-height: 25px;
padding-left: 25px;
background:url(../images/icons/eye.gif) no-repeat #f2f2f2 5px;
}

#profile-data-description {
display: block;
float: right;
width: 264px;
}

#profile-data-description span{
display: block;
padding: 5px;
}

#profile-data-honor h3{
color: #000;
border-bottom: 1px solid #ddd;
line-height: 25px;
padding-left: 25px;
background:url(../images/icons/money.gif) no-repeat #f2f2f2 5px;
}

#profile-data-honor {
display: block;
float: right;
width: 265px;
color: #666;

}

#profile-data-honor span {
display: block;
padding: 10px;
}

#profile-data-modeltype h3{
color: #000;
border-bottom: 1px solid #ddd;
line-height: 25px;
padding-left: 25px;
/* background:url(../images/icons/money.gif) no-repeat #f2f2f2 5px; */
}

#profile-data-modeltype {
display: block;
float: right;
width: 265px;
color: #666;

}

#profile-data-modeltype span {
display: block;
padding: 10px;
}

#profile-data-references h3 {
color: #000;
border-bottom: 1px solid #ddd;
line-height: 25px;
padding-left: 25px;
background:url(../images/icons/briefcase.gif) no-repeat #f2f2f2 5px;
}

#profile-data-references {
display: block;
float: right;
width: 265px;
color: #666;
}


#profile-data-references span {
display: block;
padding: 10px;
}

#profile-data-workspace {
display: block;
float: left;
width: 275px;
color: #666;
background: #f2f2f2;
clear: both
}

#profile-data-workspace h3{
color: #000;
border-bottom: 1px solid #ddd;
line-height: 25px;
padding-left: 25px;
background:url(../images/icons/plugin.gif) no-repeat #f2f2f2 5px;
}

#profile-data-workspace ul li {
border-bottom: 1px dashed #ddd;
line-height: 16px;
}

#profile-data-workspace ul li {
float: right;
display: block;
line-height: 20px;
text-indent: 10px
}

#profile-data-workspace ul li .lamp{
float: right;
width: 14px;
margin: 3px 1px
}


#profile-data-workspace span {
font-weight: normal;
display: block;
float: left;
width: 200px;
}

#profile-data-workspace img {
padding: 3px 0 0 0
}

/* Added by Uli for edit the Arbeitsbereiche in the profile */
div.lamp,a.lamp {	
	display:block;
	width: 14px; 
	height: 14px; 
	background-image: url(../images/icons/work_blank.gif);
}

div.lampRed,a.lampRed { background-image: url(../images/icons/work_red.gif); }
div.lampYellow,a.lampYellow { background-image: url(../images/icons/work_yellow.gif); }
div.lampGreen,a.lampGreen { background-image: url(../images/icons/work_green.gif); }


/* Added by Uli for the profile view -> photogalleries */

#profile-gallery, #profile-video {
	margin: 10px;
color:#fff	
}

#profile-gallery div, #profile-video div {
}
		
#profile-gallery .galleryThumb, #profile-video .videoThumb{
padding: 2px;
bordeR: 1px solid #52443b;
float: left;
margin: 0px 10px 0px 0px;
}

#profile-gallery div.details, #profile-video div.details {
color: #ccc;
}

#profile-gallery div.description, #profile-video div.description {
color: #ccc;
padding: 1px;
}

#profile-gallery ul li, #profile-video ul li {
	
	list-style-type:none;
	margin:10px 0pt 0pt 10px;
		
/*width:250px; Galerie ansicht nebeneinander*/
width: 500px;
display: block;
float: left;
}

#profile-gallery ul li a, #profile-video ul li a {
	display:block;
	float:left;
}

#profile-gallery div.details a.title, #profile-video div.details a.title  {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}

#profile-gallery .number img, #profile-video .number img { 
	float:left;
	padding:1px 0px 0pt 5px;
	border: 0pt none;
}

/* ItemCls */

div.withInfoIcon {
    float: left;   
}

/* IconCls Start */

.album-btn{
    background-image: url(../images/icons/picture_add.gif) !important;
}
.album-del{
    background-image: url(../images/icons/picture_delete.gif) !important;
}

/*Profile*/

.add_fav{
    background-image: url(../images/icons/heart_add.gif) !important;
}

.clear_fav {
    background-image: url(../images/icons/heart_delete.gif) !important;
}

.message_send{
    background-image: url(../images/icons/email_go.gif) !important;
}

.sedcard{
    background-image: url(../images/icons/vcard.gif) !important;
}

.modeldata{
    background-image: url(../images/icons/table.gif) !important;
}

.workspace {
    background-image: url(../images/icons/page_white_camera.gif) !important;
}

.gallery {
    background-image: url(../images/icons/pictures.gif) !important;
}

.videos {
    background-image: url(../images/icons/film.gif) !important;
}

.ads {
    background-image: url(../images/icons/calendar.gif) !important;
}

.add_comment{
    background-image: url(../images/icons/comment_add.gif) !important;
}

.comments{
    background-image: url(../images/icons/comments.gif) !important;
}

.favorits{
    background-image: url(../images/icons/heart.gif) !important;
}


/* Messages*/
/* CSS for the private messages START */

.messages {
    background-image:url(../images/icons/email.gif) !important;
}
.message_send {
    background-image:url(../images/icons/email_edit.gif) !important;
}
.message_del {
    background-image:url(../images/icons/email_delete.gif) !important;
}
.message_in {
    background-image:url(../images/icons/email_open.gif) !important;
}
.message_out {
    background-image:url(../images/icons/email_go.gif) !important;
}

#messageincome {
    padding: 5px 0 30px 10px;
		border-top: 1px dashed #ccc;
}
#messageincome img{
	float: left;
		width: 40px;
		padding: 2px;
		border: 1px solid #ccc;
		margin: 2px 5px 5px 0px
}

.menu-title{
    background: #ebeadb url(ext_images/default/grid/grid3-hrow.gif) repeat-x;
    border-bottom:1px solid #99bbe8;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}

.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}
/* CSS for the private messages END */
/*
    CSS FOR THE PROFILEVIEW ENDE
*/

/* Extjs right Boxes */

div.boxTab div ul 
{
    list-style-type: none;  
    padding: 0;
    margin: 0;
}
div.boxTab ul li
 {
    width: 260px;
    list-style-type: none;   
    border-bottom:1px dotted #52443b;
    margin: 5px 0 5px 5px;
    padding-bottom: 10px; 
    float: left;
}
div.boxTab ul li a
{
    display: block;
    
}
div.boxTab img.thumb  {
float: left;
padding:1px;
text-align: center;

}
div.boxTab .snapshot {
    float: left;    
    border:1px solid #52443b;
    padding:1px;
  
}


div.boxTab div.details  {
    float: left;
width: 100px;
     margin: 0 0 0 5px;
}

div.boxTab div.details  img{
    float: left;
    margin: 2px 0 0 0px;
}

div.boxTab div.details a,
#phototab div.details a {
    display: inline;
    width: 100%;
    height: auto;
}

div.boxTab div.details a.title {
    font-size:12px;
   
    text-decoration:none;
}

div.boxTab div.details div.stars{
	clear:both;
}



div#profile-upload {
padding-left: 10px;
}

div#profile-upload strong{
font-weight: bold;
}

div#profile-upload ul li {
margin-left: 10px;
list-style-type:disc;
}

div#profile-upload ol {
line-height: 20px;
margin-left: 10px;
list-style-type:decimal;
}

div#profile-upload ol li{
line-height: 20px;
margin-left: 10px;
padding-bottom: 10px;
list-style-type:decimal;
}

div#profile-admin label {
	display: block;
	float: left;
	padding-left: 20px;
	margin:5px 0px;
	width: 150px;	
}

div#profile-admin select {
margin:5px 5px;
font-size: 10px;
display: block;
float: left
}


div#profile-admin input#btnAdminProfileForm  {
	clear:both;
	display: block;
	margin:10px 175px
}


div#tabSearch1 label {
display: block;
float: left;
padding-left: 20px;
margin:5px 0px;
width: 100px;
}

div#tabSearch1 select {
margin:5px 5px;
font-size: 10px;
display: block;
float: left
}

div#tabSearch1 input#usernameSearch {
	width: 100px;
	margin: 5px;
}


div#tabSearch2 label {
display: block;
float: left;
padding-left:10px;
margin:5px 0px;
width: 130px;
}

div#tabSearch2 select {
margin:5px 5px;
font-size: 10px;
display: block;
float: left
}

div#tabSearch2 input {
margin:5px 5px;
font-size: 10px;
display: block;
float: left
}


#ageFrom, #ageTo, #userCategory , #orderBy, #gender {

}

#btnSearchSubmit1  {
clear:both;
display: block;
margin:0px 125px
}

#profile-favorites {
padding:10px;
}

/* End extjs right Boxes*/