@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#roboto-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/roboto-bold.eot');
    src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold.woff') format('woff'),
         url('../fonts/roboto-bold.ttf') format('truetype'),
         url('../fonts/roboto-bold.svg#roboto-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
    font-family: Roboto;
}
html {height: 100%;}
body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
  background-color: #fff;
  font-size: 12px;
}
html img, body img{
    border: 0px;
}
body{
    background-image: url('../images/background.jpg');
    background-position: center top;  
    background-repeat: no-repeat;
    background-color: #275a77;
}
.start{    
    background-image: url("../images/fon.jpg");
    background-position: left top;
    background-repeat: repeat;
    background-color: #3f8092;
}
.float_none{
    float: none !important;
}
._5{
    width: 5%;
}
._10{
    width: 10%;
}
._15{
    width: 15%;
}
._20{
    width: 20%;
}
._25{
    width: 25%;    
}
._30{
    width: 30%;
}
._35{
    width: 35%;
}
._40{
    width: 40%;
    float:left;
    word-wrap:break-word;
}
._45{
    width: 45% !important;
}
._50{
    width: 50% !important;
}
._55{
    width: 55%;
}
._60{
    width: 60%;
}
._70{
    width: 70%;
}
._80{
    width: 80%;
}
._83{
    width: 83%;
}
._90{
    width: 90%;
}
._100{
    width: 100%;
}
.w_260px{
    width: 260px !important;
}

._190px{
    width:190px;
    float:left;
    word-wrap: break-word;
    font-size:11px;
}

._110px{
    width:110px;
    float:left;
    word-wrap: break-word;
    font-size:11px;
}

._80px{
    width:80px;
    float:left;
    word-wrap: break-word;
    font-size:11px;
}
.width_auto{
    width: auto !important;
}

.textaligtright{
    float: right;
    margin: 5px 0;
    padding: 5px 0;
    text-align: right;
    width: 50%;
}
.textaligncenter{
	text-align: center;
}
.calendar, .calendar table {
	vertical-align: middle;
}
span.bold{
	font-weight: bold;
}
#firm_carousel a{
    color: #33617A;
    font-size: 10px;
    text-decoration: underline;
}
span.label_used{
    background-color: #33617A;
    color:#FFF;
    display: inline-block;
    padding: 3px;
    margin:2px;
}
.delete_ico,
.rotate_left_ico,
.rotate_right_ico{
    background-position: center;
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    display: inline-block;
	cursor: pointer;
}
.delete_ico:hover,
.rotate_left_ico:hover,
.rotate_right_ico:hover{
    opacity:0.7;
}
.delete_ico{
    background-image: url("../images/delete.png");
}
.rotate_left_ico{
    background-image: url("../../../components/com_blumbardo/images/rotate_left.png");
}
.rotate_right_ico{
    background-image: url("../../../components/com_blumbardo/images/rotate_right.png");
}

/* Tooltips */
.tool-tip,
.tip{
   background: #FFF;
   border: 1px solid #1bb8f3;
   padding: 5px;
} 
.tip-title {   
   font-weight: bold;
}

/*------------------------------STARTSEITE-----------------------------*/
#form_login{
    /*text-align: right;*/
    color:#6bafc1;
    font-size: 12px;
}
#form_login input[type="text"],
#form_login input[type="password"]{
    font-size: 12px;
    height: 20px;
    margin: 0px;
    width: 140px;
    line-height: 20px;
    color:#6bafc1;
}
#form_login input.button {
    background-color: #1bb8f3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0px;
    font-size: 12px;
    padding: 0px 10px;
    height: 20px;
    line-height: 20px;
}
#form_login table tr td{
    padding: 0 0 0 10px;
}
#form_login span{
    color: #fff;
    cursor: pointer;
}
/*register*/
#forms_wrapper{
    float: right;
    width: 385px; 
}
#form_register_wrapper,
#form_remind_wrapper{    
    background-image: url("../images/white_opacity.png");
    background-position: center top;
    background-repeat: repeat;
    color:#1c4f5d;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#form_register,
#form_remind{
    margin: 10px 20px;
    width: 345px;
}
#form_register input, #form_register select, #form_remind input{
    font-size: 12px;
    margin: 5px;
    color:#1c4f5d;
    max-width: 275px;
    height: 20px;
}
#form_remind input[type="submit"],#form_register input[type="submit"]{
    display: inline-block;
    background-color: #1BB8F3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    margin: 0;
    padding: 0 10px;
}

.data_groups{
    padding:5px;
}
#form_remind input[type="text"]{
    width: 255px;
}
#system-message-container{
    float: left;
}
/*--------------------------GENERAL CSS--------------------------*/
.header2{
    background-image: url("../images/header_bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    height: 15px;
    margin-top: 15px;
    padding: 5px;
    width: 260px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.3rgba2);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";*/
    /* For IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');*/
}
.header2 a{
    color: #fff;
    text-decoration: none;
}
.header2 span{
    cursor: pointer;
    float: left;
    width: 50%;
    text-align: right;
}
.header2 span:first-child{
    text-align: left;
}
label{
    font-size: 14px;
}
a{
    cursor: pointer;
    text-decoration: none;
    color: #33617A;
}
.clear{
    clear: both;
}
.error_line{
    color: red;
    display: none;
    font-size: 16px;
}
.relative{
    position: relative;
}
.user_settings{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #5A90D5;
    display: none;
    font-size: 14px; 
}
.submit{
    cursor: pointer;
}
/*щоб не відображали�?�? рамки при фоку�?і на пол�?х введенн�? в Хромі і Сафарі*/
input:focus,
select:focus,
textarea:focus {
    outline: none;
}
textarea {
    resize:none;
    font-size: 10px;
}
/*joomla messages*/
#system-message-container ul{
    background-image: url("../images/white_opacity.png");
    background-position: left top;
    background-repeat: repeat;
    width: 480px;
    float:left;
}
#system-message-container ul li{
    list-style-type: none;
    color:#fff;
    line-height: 20px;
    font-size: 14px;
    padding-left: 35px;
    margin: 5px;
}
#system-message-container .message  ul li{
    background-image: url('../images/message.png');
    background-position: left center;
    background-repeat: no-repeat;
}
#system-message-container .error ul li{
    background-image: url('../images/error.png');
    background-position: left center;
    background-repeat: no-repeat;
}

/*-----------------------------------------------------------------DESKTOP--------------------------------------------------------*/
.menudesktop{
    left: 555px;
    list-style-type: none;
    position: absolute;
    top: 16%;
    z-index: 3;
}
.menudesktop li{
    float:left;    
    /*margin: 10px;*/
    background-color: #FFF;
    text-align: center;
    /*padding: 5px;*/
    border-right: 1px solid #477780;
}
.menudesktop li a{
    color: #000;    
    display: block;
    width: 100%;
    height: 100%;
}
/*add sergey*/
.menudesktop li.item-192,.menudesktop li.item-193,.menudesktop li.item-172,.menudesktop li.item-182{
    display: block; 
    width: 60px; height: 60px; 
    background-image: url(../images/desktopphotos.png); 
    background-repeat: no-repeat;
    background-position: 0px -60px;
    float:left;
}
.menudesktop li.item-193{
    background-image: url(../images/desktopvideo.png); 
}
.menudesktop li.item-182{
    background-image: url(../images/desktopcontacts.png); 
}
.menudesktop li.item-172{
    background-image: url(../images/desktopmessage.png); 
}
.menudesktop li.item-192:hover,.menudesktop li.item-193:hover,.menudesktop li.item-182:hover,.menudesktop li.item-172:hover{
    background-position: 0px 0px;
}
.desktopMain{
    margin-top:15px;
}
.desktopMain ul {
    list-style-type: none;
}
.desktopMain li{
    float:left; 

}
.desktopMain li{
    display: block; 
    width: 107px; height: 107px; 
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 15px 15px 0 0;
    position: relative;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000'); 
}
.desktopMain li a{
    position: absolute;
    color:#33617a;
    font-size: 11px;
    width: 107px;
/*    bottom: 16px;*/
    text-align: center;
    height: 30px;
    padding-top: 77px;
}
.desktopMain li a:hover{
    color:#1bb8f3;
}
.desktopMain li.item-211{
    background-image: url(../images/desctopmain/calendar.png); 
}
.desktopMain li.item-212{
    background-image: url(../images/desctopmain/objects.png); 
}
.desktopMain li.item-213{
    background-image: url(../images/desctopmain/cars.png); 
}
.desktopMain li.item-214{
    background-image: url(../images/desctopmain/documents.png); 
}
.desktopMain li.item-215{
    background-image: url(../images/desctopmain/process.png); 
}
.desktopMain li.item-216{
    background-image: url(../images/desctopmain/partnerfirm.png); 
}
.desktopMain li.item-211:hover,.desktopMain li.item-212:hover,.desktopMain li.item-213:hover,.desktopMain li.item-214:hover,.desktopMain li.item-215:hover,.desktopMain li.item-216:hover{
    background-position: 0px 107px;
}

.desktopMain li.item-192{
    background-image: url(../images/desctopmain/desktop_fotos.png); 
    background-size: 107px 107px;
}
.desktopMain li.item-193{
    background-image: url(../images/desctopmain/desktop_videos.png); 
    background-size: 107px 107px;
}
.desktopMain li.item-182{
    background-image: url(../images/desctopmain/desktop_contacts.png);
    background-size: 107px 107px;
}
.desktopMain li.item-172{
    background-image: url(../images/desctopmain/desktop_messages.png);
    background-size: 107px 107px;
}

.desktopMain li.item-192:hover {
     background-image: url(../images/desctopmain/desktop_fotos_hover.png); 
     background-size: 107px 107px;
}
.desktopMain li.item-193:hover{
     background-image: url(../images/desctopmain/desktop_videos_hover.png);
     background-size: 107px 107px;
}
.desktopMain li.item-182:hover{
     background-image: url(../images/desctopmain/desktop_contacts_hover.png);
     background-size: 107px 107px;
}
.desktopMain li.item-172:hover{
    background-image: url(../images/desctopmain/desktop_messages_hover.png); 
    background-size: 107px 107px;
}

div.separator{
    border-top:1px solid #cdcdcd;
    width: 594px;
}
/*end add sergey*/
/*------------------------------------------------------------USER PAGE-----------------------------------------------------------*/
#page{
    width:1000px;
    margin: 0px auto;
    /*padding-bottom: 50px;*/
    height: auto !important;
    height: 100%;
    min-height: 100%;
    /*position: relative;*/
}
/*--------------------------------------------------------------TOP---------------------------------------------------------------*/
#top{ 
    font-size: 12px;
    margin: 0px auto;
    height: 94px; /*change 100px*/
    position: fixed;
    width: 1000px;
    background-image: url('../images/background.jpg');
    background-position: center top;  
    background-repeat: no-repeat;
    z-index: 601;
}
#top_user_module{
    height: 60px;
    padding: 15px 0px;
}
/*-----------------desktop img----------------*/
#desktop_img{
    width: 90px;
    float: left;
}
#desktop_img img{
    margin: 0px auto;
    /*add sergey*/
    margin-left: 40px;
    margin-top: -3px;
}
/*---------------------------blumbardo logo---------------------------*/
#top_logo{
    float: left;
    height: 100%;
    width: 270px;
    text-align: left;
}
/*#top_logo*/ #logo_name{
    text-transform: capitalize;
    color: #fff;
    font-weight: normal;
    font-size: 45px;
    font-family: RobotoBold;
    line-height: 40px;
}
/*#top_logo*/ #logo{
    text-transform: lowercase;
    color: #3e6b6f;
    font-size: 18px;
}
/*---------------suchen in top module---------------*/ 
#top_search{
    float: left;
    width: 275px;
    padding-left: 15px;
    position: relative;
}
#top_search form{
    margin: 15px 0px;
    width: 230px;
    height: 30px;
    z-index: 15;
}
#search_top{
    background-color: #fff;
    border: 0 none;
    color: #82C2EE;
    height: 30px;
    text-transform: lowercase;
    width: 230px;
    line-height: 30px;
    z-index: 17; 
    position: relative;
}
#top_module_search #submit_serach_top{
    background-color: #1BB8F3;
    background-image: url("../images/search.png");
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    z-index: 18 
}

/*search res ajax*/
#top_res_search_ajax{  
    position: absolute;
    right: 42px;
    top: 45px;
    width: 233px;
    z-index: 16;;      
}   
                           
#top_res_search_ajax div{
    width: 230px;
}
#top_res_search_ajax div p{
    background-color: #f7fafb;
    border: 1px solid  #e4edef;
    color: #0a343d;
    cursor: pointer;
    height: 10px;
    line-height: 12px;
    padding: 5px;
}
#top_res_search_ajax div p:hover,
#top_res_search_ajax div p.search_selected,
#top_res_search_ajax div p.selected{
    color: #319be4;
}

/*---------------invitation by email---------------*/
#top_einladen{
    float: left;
    width: 120px;
    display: block;
    height: 30px;
    background-image: url("../images/einladen.png");
    background-position: center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#000000');
    padding: 15px 0px;
    text-align: center;
}
#top_einladen a{
    text-transform: uppercase;
    color: #6a98bd;
    text-decoration: none;
    margin: 19px 0px;
}
#info{
    background-color: #ECECEC;
    padding: 10px;
}
/*---------------account information---------------*/ 
#top_account{
    float: right;
    height: 60px;
    position: relative;
    width: 205px;  
    margin-left: 12px;
    text-align: right;
    background-color: #fff;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#000000');
}
#top_account #account_name{
    background-color: #eef1f3;
    padding-right: 10px;
    vertical-align: bottom;
    text-align: right;
    width: 109px;
    height: 60px;
    overflow: hidden;
    float: left;
    position: relative;
}
#account_name table{
    width: 100%;
}
#account_name table tr{
    height: 60px;
    vertical-align: bottom;
}
#top_account div:first-child p:last-child{
    display: block;
    font-weight: bold;
    overflow: hidden;
    padding: 3px 0;
    width:110px;
    position: relative;
    bottom: 2px;
}
#avatar_thumb_wrapper{
    display: block;
    height: 60px;
    overflow: hidden;
    width: 59px;
    z-index: 47;
    float:left;
}
#avatar_thumb_wrapper img{        
    z-index: 48;
    background-color: transparent;
    text-align: center;
    z-index: 48;
}
#setting_icon{
    width: 14px;
    padding: 5px;
    text-align: left;
    z-index: 51;
    border-left: 1px solid #d8dee3;
    border-right: 1px solid #d8dee3;
    float: left;
    height: 50px;
}
#setting_icon img{
    position: relative;
    z-index: 52; 
    margin-top: 18px;
}

/*----------submenu----------*/
#top_account .user_settings{     
    background-color: #f7fafb;
    border: 0px none;
    font-size: 14px;
    height: auto;
    margin: 0 10px;
    position: absolute;
    right: 50px;
    text-align: left;
    top: 60px;
    width: 145px;
    z-index: 50;   
}
#top_account .user_settings ul{
    list-style-type: none; 
    position: relative; 
}
#top_account .user_settings ul li{
    border-bottom: 1px solid #e4edef;
    display: block;
    height: 15px;
    line-height: 16px;
    /*margin: 0 4px 1px 2px;*/
    padding: 5px;
    width: 135px;
} 
#top_account .user_settings ul li:first-child{
    border-top: 1px solid #e4edef;
}
#top_account .user_settings ul li:last-child{
    border-bottom: 0px none;
}
#top_account .user_settings ul li a{
    color: #3D3D3D;
    display: block;
    font-size: 12px;
    height: 100%;
    width: 100%;
}
#top_account .user_settings ul li:hover{
    background-color:#d0d0d0;
}
#top_account .user_settings ul li:hover a{
    color: #0f5f9c;
}
/*------------------------------PAGE DESKTOP------------------------*/
.desktop_button{
    display: block;
    float: left;
/*    margin: 10px;
    padding: 10px;
    background-color: #fff;*/
    color: #000000;
    width: 188px;
    text-align: center;
    /*addsergey*/
     margin-right: 15px;
    position: relative;
    /*temporary*/
    width: 188px;
    height:188px;
    background-color: #FFFFFF;
}
.box-shadow{
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000'); 
}
/**add sergey*/
.desktop_button_title{
    position: absolute;
    background: #ffffff;
    /*opacity: 0.7;*/
    width: 188px;
    height: 21px;
    bottom: 0px;
    padding-top: 4px;
    left:0px;
    z-index: 100;
    border:1px solid 598b91;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=70);
    /* Netscape */
    -moz-opacity: 0.7;
    /* Safari 1.x */
    -khtml-opacity: 0.7;
    /* Good browsers */
    opacity: 0.7;
}
/**add sergey end*/
.desktop_button img{
    width: 188px;
    height:auto;
   
}
#firm_page{
    text-align: center;
}
#firm_page .desktop_button{
    width: 135px;
    display: inline-block;
    float: none;
    background-color: lightgreen;
}
/*firm carousel*/
.wrapper{
    font-size: 10px;
    padding: 0 0 10px 0;
}
#firm_carousel .firm_carousel_title{
    color: #FFFFFF;
    background-color: #1bb8f3;
    padding: 5px 10px;
}
#firm_carousel .wrapper p{
    color: #000;
    background-color: transparent;
    padding: 0px 10px 0 10px;
    font-size: 10px;
    color:#515151;
}
#firm_carousel .wrapper p label{
   font-size: 10px;
   width: 60px;
   display: inline-block;
}
/*add sergey*/
#firm_carousel{
       position: relative;
       float:right;
       width: 290px;
       background-color: #FFF;
}
#firm_carousel img{
    /*width: 290px;*/
}
#firm_carousel .firm_carousel_title{
    width: 270px;
    height: 30px;
    position: absolute;
}
.desktop_buttonfirm{
    border-top: 1px solid #4C7D82;
    border-left: 1px solid #4C7D82;
    border-bottom: 1px solid #4C7D82;
    display: block;
    float: right;
    height: 28px;
    color:#000000;
    padding-top: 10px;
    text-align: center;
    width: 148px;
    background: #ebf1f3;
}
.desktop_buttonfirm:hover{
    color:#FFFFFF;
    background: #7faeb2;
}
.desktop_buttonfirmlogo{
    position: relative;
    float: left;
    margin-left: 15px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000'); 
}
.desktop_buttonfirmlogo .desktop_button_title{
    
    bottom: 0px;
    /**bottom: 3px;*/
    color: #515151;
    font-size: 16px;
    height: 24px;
    padding-top: 4px;
    width: 290px;
}
.desktop_buttonfirmlogo img{
    width: 290px;
}
.desktop_buttonfirmlogo p.title{
    background: none repeat scroll 0 0 #1BB8F3;
    /*bottom: 0;*/
    color: #FFFFFF;
    height: 28px;
    padding-top: 12px;
    position: absolute;
    width: 290px;
}
#firms_admin{
    margin-top: 15px;
}
#firm_account{
    float:left;
    margin-left:203px;
}
#firm_account #firm_name_wrapper{
    background-color: #EEF1F3; 
    float: left; 
    height: 60px; 
    overflow: hidden; 
    padding-right: 10px;
    position: relative; 
    text-align: right; 
    vertical-align: bottom; 
    width: 150px;
    text-align: right
}
#firm_account #firm_name_wrapper tr{
    height: 60px; 
}
/*add sergey end*/
/*------------------------------PAGE TITLE MODULE------------------------*/
.custom{
     float: right;
     text-align: center;
}
p.page_header{
    color: #FFFFFF;
    font-size: 70px;
    font-weight: bold;
    padding: 30px 0 0;
}
/*---------------------------------------------------------------MAIN-----------------------------------------------------------*/
#main{
    width :100%;
    height: auto;
    min-height: 70%;
    padding-top: 94px;  /*change 100px*/
    position: relative;
} 
#user_data{
    width :100%;
    height: auto;
    min-height: 100%;
}
#private tr{
    vertical-align: top;
}
/*---------------------------------------------------------------LEFT-------------------------------------------------*/
#left{
    float: left;
    height:auto;
    min-height:100%;
    height:100%;
    height:auto;
    padding-top: 10px;
    width:10%;
}
#left ul.menusocial{
    list-style-type: none;
}
#left ul.menusocial li{
    display: block;
    height: 60px;
    width: 100px;
    text-align: center;
    position: relative;
    padding: 0px 0px 25px;
    line-height: 100px;
    margin-top: 15px;
    cursor: pointer;
}
#left ul.menusocial li a{    
    color: #49787A;
    display: block;
    font-size: 13px;
    height: 100%;
    vertical-align: bottom;
    width: 100%;
}
/*---------------menu icons-------------*/
/*profile*/
#left li.item-174{
    background-image:url("../images/profil_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}

#left li.item-174:hover,
#left li.item-174.current.active{
    background-image:url("../images/profil.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-174:hover a,
#left li.item-174.current.active a{
    color: #fff;
}
/*messages*/
#left li.item-172{
    background-image:url("../images/messages_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-172:hover,
#left li.item-172.current.active{
    background-image:url("../images/messages.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-172:hover a,
#left li.item-172.current.active a{
    color: #fff;
}
/*friends*/
#left li.item-188{
    background-image:url("../images/friends_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-188:hover,
#left li.item-188.current.active{
    background-image:url("../images/friends.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-188:hover a,
#left li.item-188.current.active a{
    color: #fff;
}
/*events*/
#left li.item-189{
    background-image:url("../images/newsfeed_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-189:hover,
#left li.item-189.current.active{
    background-image:url("../images/newsfeed.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-189:hover a,
#left li.item-189.current.active a{
    color: #fff;
}
/*photo*/
#left li.item-171{
    background-image:url("../images/photo_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-171:hover,
#left li.item-171.current.active{
    background-image:url("../images/photo.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-171:hover a,
#left li.item-171.current.active a{
    color: #fff;
}
/*video*/
#left li.item-184{
    background-image:url("../images/video_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-184:hover,
#left li.item-184.current.active{
    background-image:url("../images/video.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-184:hover a,
#left li.item-184.current.active a{
    color: #fff;
}
/*video*/
#left li.item-186{
    background-image:url("../images/video_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-186:hover,
#left li.item-186.current.active{
    background-image:url("../images/video.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-186:hover a,
#left li.item-186.current.active a{
    color: #fff;
}
/*adressbuch*/
#left li.item-182{
    background-image:url("../images/adressbuch_notactive.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-182:hover,
#left li.item-182.current.active{
    background-image:url("../images/adressbuch.png");
    background-position: center top;
    background-repeat: no-repeat; 
}
#left li.item-182:hover a,
#left li.item-182.current.active a{
    color: #fff;
}
.new_count{
    background: #309ae3;
    color: #FFFFFF;
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    top: -10px;
    min-width: 10px;
    width: auto;
    padding: 0px 5px;
}
/*------------------------------------CONTENT-------------------------------------*/
/*for buttons*/
.button_left{
    height: 36px;  
}
.button_right{
    width: 100%;
    height: 100%;
}



/********************MAIN DATA*****************/


.readonly{
    background-color: #fff;
    color: #000;
}
.tab_private textarea{
    font-size: 14px;
    height: 70px;
    line-height: 14px;
    width: 300px;
}
.tab_private #previewField{
    /*max-height: 130px;
    max-width: 195px;*/
}
#job_div{
    position: relative;
}
#jobs{
    position: absolute;
}
.job{
    padding: 15px 0px;
}
#empty_div{
    border: 0px;
}
#save_form{
    left: 45%;
    position: relative;
    top: 240px;
}
.education{
    padding: 15px 0px;
}
.rotate{
width:20px;
}

/********************FRIENDS*****************/
.friend_list{
    width:75%;
    float:left;
}
#friend_count{
    position:relative; 
    height:30px; 
    text-align: left;
    line-height: 30px;
    background-color: #5A90D5;
    color: #fff;
    font-weight: bold;
    padding: 0px 10px;
}
#friend_count ul{
    height: 30px;
    list-style-type: none;
    width: 100%;
}
#friend_count ul li{
    display:block; 
    float:left; 
    height:30px;
    width:auto;
    cursor: pointer;
    padding: 0px 50px 0px 0px;
}
#friend_count ul li a{
    text-decoration: none;
    color: #fff;
}

#friend_image img{
    max-height: 190px;
    max-width: 190px;
}
.friend_image{
    float: left;
    width: 18%;
}
.friend_image img{
    max-width: 100px;
    max-height: 100px;
}
.name{
    float: left;
    width: 55%;
}
.buttons{
    float: left;
    width: 20%;
}
p.online{
    color: green;
    font-size: 12px;
    font-weight: normal;
}
#friend_filter{
    float: right;
    padding: 0 22px;
    width: 20%;
}
#friendlist .mod_friend_data{
    text-align: left;
    font-size: 16px;
    overflow:hidden;
}
#friendlist .mod_friend_data p{
    padding:0px 3px; 
    overflow:hidden;
    max-height: 60px;
}
#friendlist .user_settings, 
#search_div .user_settings{
    left:50px !important;
    top:20px !important;
    font-size: 14px;
}

/**************************USER PAGE VIEW***************************/
#friend_page{
    padding: 10px;
}
#friend_left{
    float: left;
    width: 23%;
    padding: 5px;
}
#friend_right{
    float: left;
    width: 73%;
    padding: 5px;
}

span.name{
    color: #5A90D5;
    display: block;
    font-size: 22px;
    width: 75%;
}
td.friend_field{
    color: gray;
    width: 35%;
}
td.friend_value{
    color: #000;
    width: 65%;
}
#friend_friends .friend{
    width: 90px;    
    height: 90px;
    float: left;
    padding: 5px;
    text-align: center;
    border: 0px;
    margin: 0px;
}
#friend_friends .friend img{
    max-height: 80px;
    max-width: 80px;
}
#user_left .invite_isfriend{
    width: 268px;
    float: none; 
    position: relative;
}

/*invite*/
#user_left .invite_isfriend .button{
    width: 260px;
}
#user_left .invite_isfriend .boxes{
    background-color: #f6f8f9;
    border: 1px solid #d8e6eb;
    margin: 10px 0px -10px;
    width: 258px;
    padding: 5px;    
}
#user_left .invite_isfriend .boxes .to_adressbuch{
    margin-left: 0px;
}
/*invited*/

#user_left .invite_isfriend p {
    background-color: #f6f8f9;
    border: 1px solid #d8e6eb;
    color: #889294;
    display: block;
    text-align: left;
    margin: 10px 0px;
    padding: 5px;
    width: 258px;
}
#user_left .invite_isfriend span.isfriend, 
#user_left .invite_isfriend .notfriend{
    position: absolute;
    right: -2px;
    top: 0px;
    margin: 0px;
    padding: 5px;
    background-color: #1bb8f3;    
    height: 19px;
}
#user_left .invite_isfriend span.isfriend a{
    color: #fff;
}
/*--------------------------------- INVITATION-----------------------------------*/
#invitation{
    width:100%;
    /*width: 60%;
    border: 1px solid #5A90D5;
    padding: 10px;
    margin: 10px auto;*/
}
.text_invitation{
    /*border-top: 1px solid #5A90D5;
    border-bottom: 1px solid #5A90D5;  */
    font-size: 18px; 
    padding: 10px;
}
/*------------------------------------------FOTO ALBUMS----------------------------*/
/*#album_photos*/ .comment{
    min-height:75px;
    padding: 5px 0px;
    position: relative;
}


/*-----------------------------------------------------------CONFIRM POPUP WINDOWS----------------------------------------------------------*/
.confirm{
    position:absolute;
    left:100px;
    top:-5000px;
    background-color:#fff;
    height: 200px;
    width: 500px;
    z-index: 65557;
}
#confirm .title,
#popup_message .title,
#lightbox div.title,
#lightbox_wrapper div.title,
#popup div.title{
    margin: 0px 0px 15px 0px;
    background-color: #1bb8f3;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
    width: 670px;
}
#popup div.title{
    /*width:635px;*/
    width:auto;
}
#confirm_text{
    margin: 10px;
}
#confirm p{
    text-align: center;
}
#confirm input{
    margin: 10px;
    padding: 5px;
}
#lightbox{
    position:absolute;
    left:100px;
    top:-5000px;
    background-color:#fff;
    height: 580px;
    width: 670px;
    z-index: 65557;
    text-align: center;
}
#popup_message{
    position:absolute;
    left:100px;
    top:-5000px;
    height: auto;
    width: 760px;
    z-index: 65557;
}
#popup_message form{
    padding: 5px 10px;
}

span.title{
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 25px;
    text-align: center;
    /*min-width: 630px;*/
    padding: 0px 10px;
    width: auto;
}

#popup_upload_file{
    display: none;
    width: auto;
}
#lightbox .close,
#lightbox_wrapper .close,
#popup .close{
    background-image: url("../images/close_not_sqeez.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    height: 26px;
    width: 27px;
    background-color: #1bb8f3;
}

#lightbox .navigation{
    width:35px;
    height:480px;
    position:absolute;    
    top:0px;
    display: none;
    z-index: 1;
}
#lightbox #prev{
    left:0px;
}
#lightbox #next{
    right: 0px;
}
#lightbox div:hover .navigation{
   display: block !important;
}
#lightbox .wrapper{
    width:auto;
    height:480px;
    position:relative;
    height:auto;
    min-width: 150px;
}
#lightbox .wrapper table{
    height:480px;
}
#lightbox .wrapper table tr td{
    height:480px;
    vertical-align: middle;
}
#lightbox table{
    width: 100%;
    text-align: center;
    margin: 0px auto;
}
#lightbox .float{
    float: left;
    margin-left: 15px;
}
#lightbox button{
    border: 0px;
    color: #fff;
    height: 30px;
    padding: 0px 15px;
    background-color: #1bb8f3;
}
#lightbox select{
    border: 0px;
    color: #fff;
    height: 30px;
    background-color: #1bb8f3;
    line-height: 30px;
}
#lightbox select option{
    display: block;
    height: 25px;
    line-height: 30px;
}
/*----------------------------------------ADRESSBUCH------------------------------*/
#popup{
    position: absolute;
    top:-600px;
    left: 0px;
    z-index: 65555;
    height: auto;
    width: auto;
}
#personal_form tr{
    vertical-align: top;    
}
#adressbuch td{
    border-bottom: 1px solid #5A90D5; 
    padding: 5px;
}
input.hint{
    color: #ccc;
}
#adressbuch_tabs{
    margin-bottom: 10px;
}
#adressbuch_tabs .modal{
    background-image: url('../images/add_contact.png');
    background-position:  95% center;
    background-repeat: no-repeat; 
    padding:5px 33px;
    line-height: 30px;
    color:#fff;
    width: auto;
    height: 30px;
    background-color: #1bb8f3 !important;
}
#adressbuch_count{
    background-image: url('../images/contacts.png');
    background-position:  90% center;
    background-repeat: no-repeat; 
    padding:5px 35px 5px 9px;
    line-height: 30px;
    color:#2a5260;
    width: auto;
    height: 30px;
}
#personal_list{
    float: left;
    width: 780px;
    margin-right: 15px;
}
#personal_list a{
    color:#2d5f8c;
}
#personal_list table tr{
    height:90px;
}
#personal_list table tr td{
    border-bottom: 1px solid #A2BBC4;
}
#personal_list table tr td:first-child{
    width: 90px;
}
#personal_list table tr td:last-child{
    width: 24px;
    background-image: url('../images/view_delete.png');
    background-position: center;
    background-repeat: no-repeat; 
    cursor: pointer;
}
#personal_list table tr td:last-child a.modal{
    display:block;
    width:24px;
    height: 80px;
}
#personal_list .pagination ul li{
    display: inline-block;
    /*padding: 5px;*/
    list-style-type: none;
}
/*---------------------------------------------------------------RIGHT-------------------------------------------------*/
#right{
    float: right;
    height:auto;
    min-height:100%;
    height:100%;
    height:auto;
    /*position: relative;*/
}
._100{
    width: 100%;
}
._90{
    width: 90%;
}

/*----------------------------------------USER PAGE----------------------------------------*/
#user_left{
    float: left;
    width: 270px;
}
/*user avatar*/
.friend_big_avatar{
    width: 270px;
    height: 270px;
    background-color: #fff;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');  
    overflow: hidden;
}
.friend_big_avatar table{
    text-align: center;
    width: 270px;
    table-layout:fixed;
    overflow: hidden;
    height: 270px;
}
.friend_big_avatar table tr{
    height: 100%;
    vertical-align: middle;
}
.friend_big_avatar table tr td img{
    vertical-align: middle;
}
/*lists in left column*/
.user_list{
    background-image: url('../images/list_bg.png');
    background-position: top left;
    background-repeat: repeat;
    margin-top: 5px;
    height: auto;
    /* width: 270px;*/
    width: auto;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#000000');
    float: left;
}
.user_list .friend,
#comments_wrapper .friend,
#pinwand  .friend,
#popup .friend,
.news .friend,
#subpopup .friend{    
    float: left;
    height: 60px;
    margin: 6px 6px 6px 0px;
    overflow: hidden;
    width: 60px;
    text-align: center;
    position: relative;
    padding: 0px;
}
.user_list .friend:first-child{
    margin: 6px 6px 6px 6px;
}
.friend img{
   /* height: 60px;*/
}
.user_list .friend p,
#comments_wrapper .friend p,
#pinwand .friend p,
#popup .friend p,
.news .friend p,
#subpopup .friend p,
#lightbox_photo a.news_name{
    background-image: url("../images/name_bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    height: 10px;
    line-height: 11px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    cursor: pointer;
    left:0px;
    word-wrap: normal;
}
#lightbox_photo a.news_name{
    color: #FFFFFF !important;
    overflow: hidden !important;
    text-align: center;
    top: 55px !important;
    width: 60px !important;
}

/*albums, videos*/
.user_list .album,
.user_list .video{
    height: 66px;
    width: 90px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin:0px;
}
.user_list .album a,
.user_list .video a{
    display: block;
    height: 100%;
    width: 100%;
}
.user_list .album a p,
.user_list .video a p{
    background-image: url('../images/album_name_bg.png');
    background-position: center top;
    background-repeat: repeat-x;
    color: #0f2833;
    display: block;
    width: 90px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    position: absolute;
    bottom: 0px;
    left:0px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";*/
    /* For IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');*/
}

/* right part*/
#user_right{
    float: left;
    margin-left: 15px;
    width: 615px;
}
.header1{
    background-color: #fff;
    display: block;
    width: auto;
    height: 30px;
    color: #6a98bd;
    line-height: 30px;
    font-size: 16px;
    text-transform: uppercase;
    overflow-x: hidden;
}
.user_name{
    color: #1bb8f3;
}
.block{
    height: 270px;
    width: 300px;
    background-color: #f5fafd;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000'); 
    line-height: 20px;
    font-size: 16px;
    position: relative;
    float: left;
}
.block:first-child{
    margin-right: 15px;
}
.wide{
    float: none;
    margin-top: 15px;
    width: 615px;
    height: auto;
}
.block p{
   padding: 0 5px;  
}
.block .label{
    float: left;
    width: 38%;
    color: #939393;
}
.block .value{
    float: left;
    width: 62%;
    color: #161616;
}
.block .showmore,
.block .hidemore{
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 290px;
    height: 30px;
    text-align: center;
    background-color: #1bb8f3;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    background-image: url('../images/show_more.png');
    background-position: 275px 9px;
    background-repeat: no-repeat;
}
.block .hidemore{
    display: none;
}
.hidden{
    display: none;
}
.school{
    margin-bottom: 15px;
}

/*----------------------------------------USER DATA PAGE----------------------------------------*/
.title_slide{
    background-color: #729eaf;
    color: #4f717b;
    cursor: pointer;
    margin: 5px 0px 0px;
    padding: 5px;
    height: 15px;
    text-transform: uppercase;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');
}
.title_slide span:first-child{
    float:left;
    width:98%;
}
.tab_private{
    color: #fff;
    height: auto;
    width: 100%;
    font-size: 16px;
    position: relative;
}
.tab_private form{
    position: relative;
}
.fields_items{
    height: auto;
    padding: 15px 0px;
    border-bottom: 1px solid #9abbc6;
    vertical-align: top
}

.field_access{
    width:100%;
}
.choise_list{
    display:none;
    float:left;
}
.more{
    float: left;
}
#user_data .choise_list{
    text-align: left;
}
#user_data .list{
    padding-left: 25px;
    text-align: right;
}
.group_list_item{
    margin: 0px 15px 15px 0px;
    width: auto;
    float: left;
    height: 20px;
    width: 140px;
    color: #1bb8f3;
    background-image: url('../images/group_bg.png');
    background-position: top center;
    background-repeat: repeat-x;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');    
}
#user_data .question_div,
#edit_album  .question_div,
#edit_video  .question_div{
    float: left;
    width: 35%;
    margin-bottom: 25px;
}
.access_div{
    float: left;
    width: 65%;
}
#user_data .visual_groups,
#edit_album  .visual_groups,
#edit_video  .visual_groups{
    float: left;
}
.tab_private{
    display: none;
}
#user_data .save{
    /*display:none;*/
}
.field_access{
    width: 48%;
}
.boxes{
    margin-top: -14px;
    padding-left: 130px;
}
.close{
    height: 20px;
    width: 20px !important;
    background-image: url('../images/close.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
}
.group_list_item span{
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 5px;
    text-align: center;
    width: 115px;
}
.group_list_item .close{
    padding: 0px;
    width: 20px;
}
#user_data .more,
#edit_album .more,
#edit_video .more{
    background-image: url('../images/settings_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    font-size: 6px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');    
    color: #1bb8f3;
    display: block;
    height: 20px;
    width: 30px;
    text-align: right;
    margin-right: 10px;
}

#user_data table tr td{
    border-bottom: 1px solid #9abbc6;
}
.tab_private table td{
    padding: 5px 0px;
}
.tab_private td.label{
    padding-right: 15px;
    text-align: left;
    width: 13%;
}
.edit,
.save{
    background-color: #1BB8F3;
    border: 0 none;
    color: #FFFFFF;
    display: block;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    margin: 15px auto;
    padding: 0 20px;
    width: auto;
} 
.edit{
    display: none;
}

.locked{
    /*background-color: transparent;
    background-image: url("../images/locked.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 10%;
    height: 260px;
    left: 35%;
    width: 220px;
    position: absolute;*/
    
    
    /*background-color: transparent;
    background-image: url("../images/locked.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 85%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;  */
    display: none;
}

/*avatar*/
#avatar_form{
    position: relative;
}
#avatar_form table #avatar_line{
    /*height:480px;*/
    position:relative;
    vertical-align: top;
}
#wrapper{
   margin-left: 10px; 
}
#jcrop_preview_wrapper{
    width:270px;
    height:270px;
    overflow:hidden;
    margin-left:5px;
    position:relative;
}
#jcrop_target{
    display:block;
    /*max-width:615px;
    max-height:480px;*/
}
#hide_img{
    display:block;
    /*width:620px;
    height:480px;*/
    background:#000;
    opacity:0.6;
    position: absolute; 
    top:0px;
    right:0px;
    z-index: 300;
}
#avatar_form table #avatar_line #preview_wrapper{
    position:relative;
}
#avatar_form table #avatar_line td #rotate_left,
#avatar_form table #avatar_line td #rotate_right{
    display: inline-block;
}
#preview{
    position: absolute;
}
#jcrop_preview{
    position: relative;
    display: none;
}
/*-----------------------------------------------------ACCOUNT-----------------------------------------------*/
.account label{
    display: inline-block;
    width: 200px;
    padding-right: 10px;
    line-height: 25px;
}
.warning,
.success{
    background-image: url("../images/white_opacity.png");
    background-position: left top;
    background-repeat: repeat;
    width: 450px;
    float:left;
    /*padding:5px;*/
}
.account .warning,
.account .success{
    float: none;
}
.warning p{
    color:#fff;
    line-height: 20px;
    font-size: 14px;
    padding-left: 35px;
    background-image: url("../images/error.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 5px;
}
.success p{
    color:#fff;
    line-height: 20px;
    font-size: 14px;
    padding-left: 35px;
    background-image: url("../images/message.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 5px;
}

/*--------------------------------------------------MAILBOX--------------------------------------------------*/
/*tabs in mailbox*/
.button{
    margin: 10px 0;
    width: auto; 
    padding: 5px;
    background-color: #1bb8f3;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    cursor: pointer; 
    border: 0px;
    display: inline-block;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');
    text-align: center;
}
#user_left .modal{
    display: block;
    padding: 5px 0;
    text-align: center;
    width: 100% !important;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000');
}
#mailbox .button{
    display: inline;
    cursor: pointer; 
    padding: 5px 40px;
}
/*---------------------dialog list--------------*/ 
.dialog_item{
    padding: 15px 0px;
    height: 60px;
    border-bottom: 1px solid #a2bbc4;
    position: relative;
}
/*-----user img-----*/
.mail_image{
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.mail_image img{
    width: 60px;
}
.mail_image p{
    background-image: url("../images/name_bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 10px;
    left: 0;
    line-height: 11px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    word-wrap: normal;
}
/*-----from-----*/
.mail_from{
    float: left;
    width: 140px;
    height: 100%;
    margin: 0px 5px;
    font-size: 10px;
    line-height: 17px;
}
.mail_from a{
    color: #fff;
    text-decoration: none;
}
p.offline{
    color: #b3b7ba;
    text-transform: lowercase;
}
p.online{
    color: #c2eefe;
    text-transform: lowercase;
    display: block;
    width: 100%;
    text-align: center;
}
.mail_from p.online{
    text-align: left;
}
.date{
    bottom: 11px;
    font-size: 10px;
    left: 65px;
    position: absolute;
}
/*----message text-----*/
.message_text{
    background-image: url("../images/message_bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #212526;
    float: left;
    font-size: 12px;
    height: 50px;
    line-height: 18px;
    overflow: hidden;
    padding: 7px 30px 5px 25px;
    width: 635px;
}
.message_hover{
    background-image: url("../images/message_hover.png");
    background-position: left top;
    background-repeat: repeat-x;
    display: none;
    float: left;
    height: 80px;
    left: 0;
    margin: 5px 0;
    position: absolute;
    top: 0;
    width: 900px;
}
.not_read{
    background-image: url("../images/message_bg_notread.png") !important;
    line-height: 18px;
}
.message_hover div{
    height: 90px;
    width: 880px;
    float: left;
}
.message_hover div a{
    height: 90px;
    width: 880px;
    display: block; 
}
.message_hover div img{
    padding: 30px 0px;
    cursor: pointer;
}
.message_hover div.delete{
    width: 20px;
}
/*for answer*/
.answer_mail_image{
    float: left;
    height: 35px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    margin-top: 7px;
}
.answer_mail_message{
    float: left;
    height: 50px;
    overflow: hidden;
    padding-left: 10px;
    width: 590px;
}
/*----------------------dialog---------------------*/
.message_table .dialog_image img,
.answer_mail_image img{
    width: 35px;
}
#dialog_new_message span{
    display: block;
    padding: 5px 0px 10px;
    font-size: 16px;
    color: #1a3f47;
}
.from_dialog a{
    color: #0a343d;
    font-family: RobotoBold;
}
#dialog_messages{
    width: 100%;
    margin: 10px auto;
}
#dialog_new_message{
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.32);
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    position: relative;
}
#popup_message #dialog_new_message{
    background-color: #ECECEC;
}
#dialog_new_message span:first-child{
    color: #1a3f47;
    display: block;
    font-size: 16px;
    padding: 0 0 15px;
}
/*#dialog_new_message*/ .new_message_form{
    float: left;
    width: 720px;
    padding: 0px 15px;
}
#popup_message .new_message_form{
    width: 560px;
}
/*#dialog_new_message*/ .new_message_form textarea{
    width: 720px;
    height: 60px;
    border: 0px;
}
#message_new  .new_message_form{
    width: 650px;
}
#message_new  .new_message_form textarea{
    width: 650px;
    height: 100px;
}
p.label{
    color:#fff;
    margin: 5px 15px;
}
#popup_message .new_message_form textarea{
    width: 560px;
}
.dialog_image{
    float: left;
    width: 35px;
    height: 35px;
    overflow: hidden; 
}
#dialog_messages .mail_message{
    float: left;
    width: 720px;
}
#dialog_messages table.message_table{
    margin-left: 25px;
}
#dialog_messages table.message_table tr td{
    vertical-align: top;
    background-color: #fff;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
}
#dialog_messages table tr td.message_avatar_td{
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:  none;
}
#dialog_messages table tr td.time{
    width: 75px;
    text-align: center;
    color: #1f4e56;
    vertical-align: middle;
    padding-bottom: 25px;
}
.from_dialog{
    padding-left: 5px;
}
.time span{
    display: block;
    padding: 5px 0px;
    font-size: 10px;
    width: 75px;
}
#dialog_messages table tr td.delete{
    vertical-align: bottom;
    background: none repeat scroll 0 0 transparent;
    box-shadow: none; 
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: 0px;
}
#dialog_messages table tr td.delete span{
    position:relative; 
    bottom: 0px;
    right: 90px;
    border-top: 1px solid #ccc; 
    width:75px; 
    display:block; 
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #1f4e56;
    cursor: pointer;
    font-size: 10px;
}
.message_img{
    float: left;
    height: 107px;
    overflow: hidden;
    position: relative;
    margin: 0px;
}
#dialog_messages .message_img{
    height: 75px;
    width:97px; 
    margin: 0px 0px 5px 5px;
}
.message_img table tr td{
    box-shadow: none !important; 
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    vertical-align: middle !important;
    background: none !important;
    text-align: center;
}
.dialog_message pre{
    padding: 10px;
}

#dialog_upload_file,
#dialog_upload_file_friend{
    bottom: 35px;
    float: right;
    padding-top: 10px;
    position: absolute;
    right: 20px;
    width: 187px;
}
#message_new #dialog_upload_file{
    bottom: 10px;
}
.restore{
    cursor: pointer;
}
#more_message{
    margin: 5px 0px;
    float: right;
    width: 75px;
    word-wrap: break-word;
    height: 30px;
    font-size: 10px;
    background-color: #1BB8F3;
    border: 0 none;
    color: #FFFFFF;
}
.dialog_message{    
    margin-top: 15px;
    padding: 0px 0px 0px 40px;
}
.mail_message table tr td{
    box-shadow: none !important; 
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    vertical-align: middle !important;
    background: none !important;
}
pre
{
white-space: pre-wrap; /* CSS2.1 compliant */
white-space: -moz-pre-wrap; /* Mozilla-based browsers */
white-space: o-pre-wrap; /* Opera 7+ */
}
.no_new_mail{
    padding: 25px 0px;
    text-align: center;
}
.message{
   /* border: 1px solid #5A90D5;
    margin: 0 auto;
    padding: 20px;
    width: 80%;    */
}

#text_message{
    float: right;
    width: 75%;
}
#mailbox{
    height: auto;
}
#answer{
    display: none;
}
a.img_with_tip{
    position: relative;
    padding: 5px;
}
span.tip{
    background: url("../images/tip_fon.png") no-repeat scroll center center transparent;
    display: none !important;
    font-size: 12px !important;
    height: 28px;
    left: -42px;
    line-height: 32px;
    padding: 5px !important;
    position: absolute;
    text-align: center;
    top: 17px;
    width: 104px;
}
a.img_with_tip:hover span.tip{
    display: block !important;
}
.message_table td.not_read{
    background-image: none !important;
    background: #94b3c1 !important;
}

/*--------------attaches-------------*/
#dialog_images_list{
    padding: 10px 0px 0px 0px;
}
.attach_img_preview{
    margin: 5px 15px 5px 0;
    float:left; 
    width:100px;
    height:75px;
    overflow:hidden;
    position:relative;
}
.attach_img_preview a{
    background-color:#FFFFFF;
    background-image: url('../images/attach_close.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    left: 90px;
    position: absolute;
    z-index: 1;
    top:2px;
}
.attach_img_preview table{
    width: 100%;
}

.attach_img_preview table tr,
.attach_contact_preview table tr{
    vertical-align: middle;
}
.attach_img_preview table tr td,
.attach_contact_preview table tr td{
    text-align: center;
    background: none !important;
    box-shadow: none !important; 
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    width: auto;
}
.attach_img_preview img{
    margin: 0px auto;
    width: 100px;
}
.attach_contact_preview{
    margin: 5px;
    position: relative;
}
.attach_contact_preview table{
    width: 100%;
}
.attach_contact_preview a{
    background-color:#FFFFFF;
    background-image: url('../images/close_blue.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    right: -20px;
    position: absolute;
    z-index: 1;
    top:0px;
}
.attach_contact_preview img{
    margin:0px auto;
    max-width:20px;
    max-height:20px;
}
.attach_contact_avatar {
    width: 10% !important;
}
.attach_contact_name{
   text-align:left !important;
   line-height:30px !important; 
}

.mail_message .attached_contact,
.recipient_div{
    height: 20px;
    margin:5px; 
    background-color:#32bff4;
    color:#fff;
    width:auto;
    float:left;
    height:20px;
    line-height: 20px;
    overflow: hidden;
}
.mail_message .attached_contact span,
.recipient_div span{
    float: left;
}
.mail_message .attached_contact span:first-child,
.recipient_div span:first-child{
    height: 20px;
    width: 20px;
    overflow: hidden;
    margin-right: 5px;
}
.mail_message .attached_contact span img,
.recipient_div span img{
    height: 20px;
    width: 20px;
    margin: 0px 2px 0px 0px;
}
.mail_message .attached_contact span a img,
.recipient_div span a img{
    height: auto;
    width: auto;
    padding:2px;
    border-left:1px solid #fff; 
    margin: 0px 0px 0px 5px;
}
#dialog_contact_list .attach_contact_preview{
    background-color: #fff;
    color: #18231f;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 5px 15px;
    width: auto;
}
#dialog_contact_list .attach_contact_preview span{
    float: left;
    font-size: 12px !important;
    padding: 0px;
}
#dialog_contact_list .attach_contact_preview span:first-child{
    height: 20px;
    margin-right: 5px;
    overflow: hidden;
    width: 20px;
}
#dialog_contact_list .attach_contact_preview span a img{
    border-left: 1px solid #FFFFFF;
    height: auto;
    margin: 0 0 0 5px;
    padding: 2px;
    width: auto;
}
/*--------------new message-----------------*/
#recipients_wrapper{
    height: 500px;
}
#recipients{
    max-height: 500px;
    overflow-y: auto;
}
#recipients_list{
    min-height: 30px;
    width: 650px;
    margin: 10px 15px;
    background-color: #fff;
}
.recipient_div{
    /*width: 50%;
    float: left;*/
    background: none;
    
}
.recipient_div .recipient_list_name{
    background-color: #fff;
    width: 120px;
    overflow: hidden;
    color: #000;
} 
.recipient_image img{
    max-height : 30px;
    max-width: 30px;
}
.recipient_list_item img{
    float: left;
    max-height : 20px;
    max-width: 20px;
    margin-right: 5px;
}
input.send_checkbox{
    float: left;
    margin: 3px 10px;    
}
.recipient_image{
    float: left;
    margin: 5px 0px;
}
.recipient_name{
    float: left;
    margin: 10px 0;
}
.recipient_list_item{
    background-color: #32bff4;
    float: left;
    margin: 5px;
    width: 140px;
    overflow: hidden;
    position: relative;
    height: 20px;
    line-height: 20px;
}
.recipient_list_item span{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-left: 5px;
    height: 20px;
    width: 20px;
    background-color: #32bff4;
    background-image: url('../images/close_white.png');
    background-position: center;
    background-repeat: no-repeat;
}
.new_message_form form{
    float: right;
    text-align: right;
    width: 300px;
}
#new_message #send{
    visibility: hidden;
}
#dialog_new_message #new_message #send{
    visibility: visible;
}
/*------------------------------------------------ SEARCH-------------------------------------*/
/*---------------filter-------------*/
#search_res{
    float: left;
    padding-right: 10px;
    width: 685px;
}
#search_filter{
    width: 205px;
    float: right;
    color: #fff;
}
#search_filter div.fieldset{
    border: 0px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    width: 205px;
    background-color: rgba(255, 255, 255, 0.2);
    background: #75919e9;
    margin: 0px  0px 15px;
    position: relative;
    padding: 0px 0px 15px;
}
#search_filter legend{
    padding-left: 15px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-transform: uppercase;
    color:#0a343d;
    background-color: rgba(255, 255, 255, 0.3);
    width: 190px;
    background: #9db0b9\9;  
}
#search_filter div.fieldset input[type="text"]{
    border: 0 none;
    height: 20px;
    display: block;
    line-height: 20px;
    width: 175px;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}
#search_filter div.fieldset select{
    border: 0 none;
    height: 20px;
    line-height: 20px;
    margin-left: 15px;
    min-width: 82px;    
}
#search_filter div.fieldset select#merital_status,#search_filter div.fieldset select#religion{
    width: 176px;
}
#search_filter div.fieldset select#to{
    margin: 0;
}
#search_filter div.fieldset input[type="radio"],
#search_filter div.fieldset input[type="checkbox"]{
    margin: 5px 5px 0 25px;
}

#search_filter div.fieldset .group_radiolist{
    display:block;
    height: 16px;
}

#search_filter div.fieldset label{
    margin: 0px 0 0 15px;
    font-size: 13px !important;
    display: block;
    height: 30px;
    line-height: 40px;
}
#search_filter .checkbox_list{
    height: 20px;
}
#search_filter .checkbox_list label{
   height:20px !important; 
}
#search_filter div.fieldset label.not_block{
    display: inline;
}
#search_filter button{
    border: 0px;
    background-color: #1bb8f3;
    width: 95px;
    color: #fff;
}
#search_filter button[type="submit"]{
    margin-right: 11px;
}
.search_selected{
    color: #fff;
    background-color: blue;
}
#res_search_ajax{
    background-color: #FFFFFF;
    position: absolute;
    width: 175px;
    color: #000;
    left: 15px;
    top: 70px;
    z-index: 1;
}
.p_res_ajax_search{
    background-color: #F7FAFB;
    border: 1px solid #E4EDEF;
    color: #0A343D;
    cursor: pointer;
    height: 10px;
    line-height: 12px;
    padding: 5px;
}
.p_res_ajax_search:hover,
.p_res_ajax_search.selected{
    color: #319BE4;
}

/*---------------results-------------*/
/*#search_res */
#friendlist .friend,
#search_res .friend{
    border-bottom: 1px solid #a8bfc7;
    height: 60px;
    padding: 15px 0px;
    position: relative;
}
/*#search_res */
.mod_image_column{
    height: 60px;
    width: 60px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    line-height: 10px;
    font-size: 8px;
}
/*#search_res */.mod_friend_data{
    color: #FFFFFF;
    float: left;
    width: 265px;
}
/*#search_res */.invite_isfriend{
    float: right;
    width: 120px;;
    text-align: right;
}
.mod_friend_data .search_name{
    font-size: 13px;
    color: #fff;
}
.mod_friend_data .search_adress{
    font-size: 10px;
    line-height: 17px;
}
.mod_friend_data .search_message a{
    font-size: 10px;
    color: #c2eefe;
    line-height: 15px;
}
.mod_friend_data .search_online{
    font-size: 10px;
    color: #444849;
    text-transform: capitalize;
    line-height: 15px;
}
.invite_isfriend span{
    color: #475f6a;
    background-color: #8ba9b5;
    display: block;
    width: 85px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 20px 0px 0px 35px;
}
.invite_isfriend span.notfriend{
    background-color: #1bb8f3;
    color: #fff;
    cursor: pointer;
}
.invite_isfriend span.without_bg{
    color: #fff;
    background:none;
}
.invite_isfriend p{
    color: #FFFFFF;
    display: block;
    margin: 0 0 0 -120px;
    text-align: right;
    width: 240px;
}
.invite_isfriend .boxes{
    margin: 0px;
    padding: 0px;
    text-align: left;
    display: none;
}
.group_list input{
    margin: 3px;
}
.to_adressbuch{
    margin-top: 20px;
    width:180px;
    margin-left: -50px;
}
.to_adressbuch input{
    margin: 3px;
}

/*----------pagination----------*/
/*#search_res .pagination,
#friend_list .pagination,
#adressbuch*/ .pagination{
    text-align: left;
    margin-top: 15px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    height: 20px;
    background-color: #8ba9b5;
    padding-left: 5px;
}
/*#search_res .pagination ul li,
#friend_list .pagination ul li,
#adressbuch */.pagination ul li{
    display: inline;
    padding: 0px 5px;
    line-height: 20px;
    color: #000;
}
/*#search_res .pagination ul li a,
#friend_list .pagination ul li a,
#adressbuch */.pagination ul li a{
    text-decoration: none;
    color: #fff;
}

/*------------------------------------FRIEND LIST------------------------------*/
#wrapper_friend_list{
    float: left;
    width: 695px;
}
#wrapper_friend_list .tab{
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 350px;;
    background-color: #6fb3be;
}
#wrapper_friend_list .tab a{
    color: #445c68;
    font-size: 16px;
}
#tabs .tab{
    float: left;
    width: 227px;
}
#tabs .active{
    background-color: #fff !important;
}
#user_friend{
    padding-right: 15px;
    width: 680px;
}
#user_friend .friend{
    width: auto;
}
.mod_friend_control{
    float: left;
    margin-top: -5px;
    width: 350px;
}
.mod_friend_control button,
.invite_isfriend button{
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    background-color: #1BB8F3;
    border: 0 none;    
    color: #FFFFFF;
    display: block;
    float: right;
    margin: 0 0 4px;
    padding: 7px;
    width: 227px;
    cursor: pointer;
    height: 33px;
}
.mod_friend_control .permits{
/*.mod_friend_control a:first-child button{*/
    float: left;
    height: 70px;
    width: 120px;
    background-color: #538f8e;
}
.mod_friend_control button.nopersonalaccess{
/*.mod_friend_control a:first-child button.nopersonalaccess{*/
    background-color: #1BB8F3;
}

/*------------------------------------ALBUM LIST------------------------------*/
/*tabs*/
/*#album_tabs .tab,
#video_tabs .tab,
#adressbuch_tabs .tab,
#personal_list .tab,
#photo_albums .tab,*/
div>.tab{
    display: block;
    height:40px;
    line-height: 40px;    
    min-width: 170px;
    width: auto;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    background-color: #ebf1f3;
    /*background-color: rgba(255,255,255,0.2);*/
    margin-right: 1px;
    /*width: 41px;*/
    text-align: center;
}
#pre_table_orders div>.tab{
    min-width: 120px;
    height:35px;
    line-height:35px;
    margin-top:6px;
}

#tab #back{
    background: none repeat scroll 0 0 #EBF1F3;
    height: 40px;
    margin-right: 1px;
    padding: 0;
    width: 41px;
}
#tab #back a{
    height: 10px;
    padding: 10px 15px;
}
/*#photo_albums */.tab {
    /*padding: 0px 10px;*/
    
}
/*#photo_albums*/ .button_left{
    float: left;
}
/*#photo_albums*/ .button_right{
    float: right;
    background-color: #1BB8F3;
}
/*#photo_albums*/ .button_right a{
    color:#FFF;
}

#personal_list .tab{
    line-height: 30px;
    color: #1a3f47;
    padding: 5px 15px;
}
/*#album_tabs .tab a,
#video_tabs .tab a,
#adressbuch_tabs*/ .tab a{
    cursor: pointer;
    color: #1a3f47;
    font-size: 13px;
    display: block;
    /*height:20px;*/
    height:100%;
    /*padding: 10px 15px;*/
    width: auto;
    /*line-height: 40px;*/
	padding: 0px 5px;
}
/*#album_tabs .button_left,
#video_tabs .button_left,
#adressbuch_tabs .button_left,
.button_left{
    float: left;
}
#album_tabs .button_right,
#video_tabs .button_right,
#adressbuch_tabs .button_right,
.button_right{
    float: right;
}*/
#album_tabs #add_album,
#album_tabs #current,
#video_tabs #add_album,
#video_tabs #current,#current{
    background-color: #1bb8f3; 
}
#album_tabs #add_album a,
#album_tabs #current a,
#video_tabs #add_album a,
#video_tabs #current a,#current{
    color: #fff;
}
#album_tabs #all a,
#album_tabs #all a{
    font-size: 16px;
}
#album_tabs #photo_count,
#count{
    background-image: url("../images/attach_pc_dark.png");
    background-position: 80% center;
    background-repeat: no-repeat;
    color: #2A5260;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 5px 30px 5px 15px;
    width: auto;
}
#modify_album,
#modify_video{
    background-image: url('../images/album_edit.png');
    background-position: 125px center;
    background-repeat: no-repeat;   
}
#modify_album a,
#modify_video a{
    padding: 5px 35px 5px 15px !important;
}
#album_tabs .active,
#video_tabs .active{
    background-image: url('../images/album_edit_white.png');
    background-position: 125px center;
    background-repeat: no-repeat;
    background-color: #1bb8f3; 
}
#album_tabs .active a,
.tabsline .active a{ 
    color:#fff;
    cursor: text;
}
#album_tabs,
#video_tabs,
#adressbuch_tabs,
.album_tabs,
.tabsline{
    width:100%;
    /*height:41px;*/
    height:39px;
/*    background-image: url('../images/tab_bg.png');
    background-position: left 28px bottom;
    background-repeat: repeat-x;*/
    border-bottom: 1px solid #4f808f;
    margin-bottom: 15px;
}
.tabsline .tab:hover,
.tabsline .active{
    background-color: #FFF; 
}
.tabsline .tab:hover a,
.tabsline .active a {
    color: #1A3F47; 
    cursor: pointer;
}
/*-------------album list----------------*/
#photo_albums{
	width:100%;
}
#photo_albums .album{
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    /*height: 215px;*/
    margin: 5px 13px 5px 0px;
    width: 215px;
    float:left;
    position: relative;
}
#photo_albums .last_in_row{
    margin: 5px 0px;
    float: right;
}
.album_catalog{
    background-color: #fff;
    background-image: url('../images/catalog_bg.png');
    background-position: center;
    background-repeat: no-repeat;
}
.album_wrapper{
    width: 100%;
    height: 150px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.album_wrapper img{
    min-width: 215px;
    min-height: 150px;
}
.album_wrapper a{
    display: table-cell;
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
    width: 215px;
}
.album_dates{
    font-size: 10px;
    color: #8a8c8d;
    display: none;
    height: 33px;
    border-bottom: 1px solid #57898a;
    border-top: 1px solid #57898a;
    line-height: 15px;
    background-color: #eef6f8;
    position: absolute;
    top: 115px;
    width: 100%;
}
.album_dates span.date_label{
    color: #313536;
    font-size: 9px;
    margin-left: 3px;
}
.album_about{
    background: rgb(137,183,184);
    background: rgba(255,255,255, 0.2);
    height: 63px;
    overflow: hidden;
    width: 100%;
}
.album_about a span{
    float: right;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    width:auto;
    height: 14px;
    overflow: hidden;
    background-image: url('../images/attach_pc.png');
    background-position: 90% center;
    background-repeat: no-repeat;
    padding: 5px 25px 5px 5px;
    max-width: 20%;
}
.album_about a img{
    margin-left: 5px;
}
.album_name{
    font-size: 14px !important;
    background:none !important;
    padding: 5px !important;
    float: left !important;
    max-width: 67% !important;
}
.album_description{
    color: #313536;
    display: block;
    font-size: 10px;
    height: 30px;
    line-height: 14px;
    overflow: hidden;
    padding: 0 5px;
}
.subalbum_count{
    color: #FFFFFF;
    font-size: 48px;
    line-height: 225px;
}
.album_pic{
    display:none; 
    position: absolute;
    top:0px;
    right:0px;
}
#pre_table_orders #tab span.active a{
    background:#fff;
    color:#1BB8F3;    
    font-size:14px;
}
/*-----------------album edit--------------------*/
#photo_edit{
    width: 100%;
    margin: 0px auto;
}
.wrapper_img{
    padding: 10px;
    border-bottom: 1px solid  #eaf0f0;
}
td.photo_preview{
    width: 100px;
    text-align: center;
    margin: 0px;
    height: 75px;
    background-color: #fff;
    -moz-box-shadow: 0px  0px  0px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  0px  rgba(0,0,0,0.32);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.32);
}

.description textarea{
    margin: 0 0 10px;
    resize: none;
    width: 400px;
}
.description{
    width: 780px;
    padding: 0px 20px;
}
.additional{
    float: left;
    width: 50%;
}
.additional .attach_friend{
    background-color: #fff;
    color: #18231f;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 5px 15px;
    width: auto;
}
.additional .attach_friend span{
    float: left;
    font-size: 12px !important;
    padding: 0px;
}
.additional .attach_friend span:first-child{
    height: 20px;
    margin-right: 5px;
    overflow: hidden;
    width: 20px;
}
.additional .attach_friend span a img{
    border-left: 1px solid #FFFFFF;
    height: auto;
    margin: 0 0 0 5px;
    padding: 2px;
    width: auto;
}
.additional .attach_friend span img{
    height: 20px;
    width:20px;
}
#edit_album{
    margin: 10px 0px; 
}
#edit_album label{
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}
#edit_album .additional label{
    font-size: 14px;
    margin: 5px;
}
#edit_album .float_left input,
#edit_album .float_left textarea{
    width: 300px;
    border: 0px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    padding: 0px 3px;
}
#edit_album .float_left textarea{
    height: 80px;
}
#edit_album select{
    border: 0px;
   -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 10px;
}
#edit hr{
    background-color: #eaf0f0;
    border: 0 none;
    color: #eaf0f0;
    height: 1px;
    width: 100%;
}
#edit_album .choise_list{
    margin: 10px 0px 0px 35px;
}
#edit button{
    background-color: #eaf0f0;
    border: 0px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    padding: 8px 20px;
    height: 32px;
    color: #1bb8f3;
    margin: 5px 0px;
    cursor: pointer;
}
#edit input[type="submit"]{
    background-color: #1bb8f3;
    border: 0px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    padding: 8px 20px;
    height: 32px;
    color: #fff;
    margin: 5px 0px;
}
/*-----------------album view--------------------*/
.photo_preview{
    margin: 6px 13px 6px 0px;
    float: left;
    width: 215px;
    height: 150px;
    overflow: hidden;
    background-color: #fff;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
}
.photo_preview a{
   display: table-cell;
    height: 150px;
    vertical-align: middle;
    text-align: center;
    width: 215px; 
}
#photos .last_in_row{
    margin: 6px 0px;
    float:right;
}
.body-overlayed #sbox-window .photo_preview{
    margin: 10px;
    float: left;
    width: 100px;
    height: 75px;
    background-color: #b9d7fe;
    text-align: center;
    padding: 5px;
}
#upload_div p,
#avatar_form p,
#editfirm p{
    display: none;
}

/*album lightbox*/
#lightbox_wrapper{
    height: 100%;
    width: 100%;
    min-width:830px;
}
#lightbox_wrapper #lightbox_photo{
    margin: 20px auto;
}
#lightbox_wrapper .navigation{
    float:left;
    width: 100px;
    height: auto;
    min-height: 480px;
    cursor: pointer;
}
#lightbox_wrapper #prev_img{
   background-image: url('../images/prev.png');
   background-position: center;
   background-repeat: no-repeat; 
}
#lightbox_wrapper #prev_img:hover{
   background-image: url('../images/prev_white.png');
   background-position: center;
   background-repeat: no-repeat;
}
#lightbox_wrapper #next_img{
   background-image: url('../images/next.png');
   background-position: center;
   background-repeat: no-repeat; 
}
#lightbox_wrapper #next_img:hover{
   background-image: url('../images/next_white.png');
   background-position: center;
   background-repeat: no-repeat; 
}
#lightbox_wrapper div.title{
    width:auto !important;
    min-width: 630px;
    margin: 0px !important;
}
#lightbox_wrapper #image{
    min-width:600px;
    min-height:480px;
    float:left;
    background-color: #fff;
}
#lightbox_wrapper #image table tr{
    min-height: 480px;
}
#lightbox_wrapper #image .full_photo{
    margin: 15px;
    width: 0px;
    height: 0px;
}
#lightbox_wrapper #image table{
    margin:0px auto;
}
/*#lightbox_wrapper*/ #comments_wrapper{
    width:600px;
    margin:0px auto;
}
#video  #comments_wrapper{
   margin: 0px; 
}
#lightbox_wrapper #description{
    float:left;
    width:530px;
}
#lightbox_wrapper #rotate{
    float: right;
}
#lightbox_wrapper #added{
    margin:9px 0px;
    float:left;
    padding-right: 10px;
    color:#82a5ad;
    line-height:20px;
}

/*#lightbox_wrapper*/ #likes{
    float:left;
    margin:10px 0px;
    border-left: 1px solid #5A90D5;
}
/*#lightbox_wrapper*/ #likes button{
    background-color: transparent;
    background-image: url("../images/heart.png");
    background-position: 60px center;
    background-repeat: no-repeat;
    border: 0 none;
    color: #4D808B;
    cursor: pointer;
    padding: 0 25px 0 5px;
    text-align: left;
    width: 85px;
}
 #likes button:hover{
    background-color: #1BB8F3;
}
#comments_wrapper label{
    color: #1BB8F3 !important;
    display: block;
    font-family: RobotoBold;
    font-size: 13px !important;
    font-weight: normal;
    margin: 5px 0px;
}
#comments_wrapper textarea{
    background-color: #f6f8f9;
    border: 0px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    height: 60px;
    width: 100%;
}
#comments_wrapper input[type="button"]{
    border: 0px;
    background-color: #1BB8F3;
    padding: 5px 10px;
    margin: 10px 0px;
    color:#fff;
}
.comment_text_wrapper{
    position: relative;
    width: auto;
}
.comment_text{
    background-color: #F6F8F9;
    margin-left: 15px;
    padding: 5px;
    /*-moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);*/
    margin: 0px 0px 5px 9px;
    /*border-bottom: 1px solid #1BB8F3;*/
    
}
.comment_text_wrapper img.arrow{
    float: left;
    margin-top: 10px;
}
.comment_details{
    float:right;
    position: relative;
    margin:6px 0px 0px;
    width:530px;
    /*arrow*/
    background-image: url('../images/arrow_photo_comment.png');
    background-position: left 5px;
    background-repeat: no-repeat;
}
#popup .sub .comment_details{
    width: 450px;
}
#pinwand .comment_details{
    width:540px;
}
#lightbox_photo .comment_details {
    width: 534px;
}
#popup .pinwand_reply {
    padding: 5px 5px 5px 16px;
}
.comment_date{
   /* color: #A8E0E4;*/
    color: #1BB8F3;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    width: auto;
}
.comment .modal,
.comment .delete{
    background-color: #FFFFFF;
    cursor: pointer;
    display: block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
#image td{
    background-image: url('../images/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
}
/******************************VIDEO****************************/
#video {
    width:900px; 
    margin:15px auto;
}
.album_wrapper:hover .play{
    width:50px;
    left: 40%;
    top: 28%;
} 
#videos .video{
    float: left;
    height: 150px;
    margin: 5px 0;
    padding: 10px 5px;
    width: 435px;
    position: relative;
    overflow: hidden;
    background: none;
}
.video_wrapper{
    float: left;
    height: 150px;
    width: 215px;
    background: none repeat scroll 0 0 #FFFFFF;
}
.video_about{
    float: left;
    height: 130px;
    margin: 0px 0px 20px 20px;
    overflow: hidden;
    width: 45%;
}
.video_screen{
    height: 150px;
    width: 215px;
}
.play,
.notactive{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 215px;
    height: 150px;
    background-image: url('../images/play.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.notactive{
    background-image: url('../images/video_notactive.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.user_list .play{
    width: 100px;
    height: 60px;
}
.video_about a{
   font-size: 13px;
   text-decoration: none; 
}
.video_description{
    font-size: 10px;
    margin: 0 0 10px;
    max-height: 90px;
    overflow: hidden;
}
.video_name{
   font-size: 13px;
   text-decoration: none;
   color: #000;
   margin: 0px 0px 10px;
}
.video_create, .video_modify{
    color: #a8e0e4;
    font-size: 10px; 
    position: absolute;
    left: 240px;
}
.video_create{
    bottom: 10px;
}
.video_pic{
    display: none;
    position: absolute;
    right: 225px;
    top: 10px;
}
#video_tabs #video_count{
    background-image: url("../images/video_dark.png");
    background-position: 80% center;
    background-repeat: no-repeat;
    color: #2A5260;
    font-size: 14px;
    height: 20px;
    line-height: 22px;
    padding: 5px 30px 5px 15px;
    width: auto;
}
/*display video*/
#video #firstline{
    /*box shadow just bottom*/
    /*-moz-box-shadow: 0px  1px  1px -1px rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  1px  1px -1px  rgba(0,0,0,0.32);
    box-shadow: 0px  1px  1px -1px rgba(0, 0, 0, 0.32);*/
    background-image: url('../images/tab_bg.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding:10px 0px;
}
#video #video_name{
    font-size: 16px;
    color:#fff;
    float:left;
    width:75%;
    font-family: RobotoBold;
    
}
#video #added{
    line-height:20px;
    float: right;
    color:#a8e0e4;
    width:25%;
    text-align: right;
}
#video #description{
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin: 10px 0 0;
    width: 80%
}
#edit_video{
    width: 100%;
    position: relative;
}
#edit_video label{
    font-family: RobotoBold;
    font-size: 13px;
    color: #000;
    margin-top: 15px;
    display: block;
}
#edit_video form{
    width: 100%;
}
#edit_video form input[type="text"],
#edit_video form textarea{
    width: 545px;
}
#edit_video form textarea{
    height: 135px;
}
#edit_video form button{
    margin-top: 15px;
    padding: 5px 10px;
    color: #fff;
    border: 0px;
    background-color: #1bb8f3;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
}
#edit_video #video{
    position: absolute;
    right: 0px;
    top:15px;
    width: 340px;
}
#video #likes{
    float: right;
    border: 0px;
    color: #A8E0E4;
}
#video #likes button{
    color: #A8E0E4;
}
.like_count{
    padding: 5px;
}
.like_count:hover{
    background-color: #1BB8F3;
}
/*--------new---------*/
.wait{
    background-image: url("../images/white_opacity.png");
    background-position: left top;
    background-repeat: repeat;
    width: auto;
    display: none;
}
.wait p{
    color:#fff;
    /*line-height: 40px;*/
    font-size: 14px;
    padding-left: 50px;
    background-image: url("../images/350.gif");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 5px;
}
/*--------------------------MODULE MY FRIENDS---------------------------*/
#wrapper_friends_module{
    text-align: left;
    width: 100%;
}
#wrapper_friends_module a{
    text-decoration: none;
    color: #5A90D5;
}
#wrapper_friends_module .mod_friend td{
    vertical-align: middle; 
    border-bottom: 1px solid #5A90D5; 
    padding: 5px 0px;
}
.mod_image_column{
    width: 60px;
    position: relative;  
    text-align: center;
}
#wrapper_friends_module .mod_image_column img{
    max-width: 70px;
    max-height: 50px;
}
#wrapper_friends_module dt{
    display: inline;
    padding: 5px;
}
#wrapper_friends_module dt:hover, #wrapper_friends_module dt.open{
    color: #5A90D5;
}
#wrapper_friends_module  td{
    border-bottom: 1px solid #5A90D5;
    padding: 5px 0px 5px 5px;
}
#wrapper_friends_module .user_settings{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #5A90D5;
    display: none;
    font-size: 14px; 
    left: -20px;
    padding: 10px;
    position: absolute;
    top: 10px;
    z-index: 50; 
}
#wrapper_friends_module .user_settings a{
    color:#000;    
}
#wrapper_friends_module .user_settings a:hover{
    color:#5A90D5;    
}
img.online_indicator{
    width: 15px;
}
/*---------------------------------------------------------PINWAND---------------------------------------------*/
#pinwand{
    position: relative;
}
#pinwand #dialog_upload_file {
    width: 330px;
}
#pinwand .friend{
    border-bottom: 0px;
}
#pinwand_record{
    margin: 15px 0px;
}
.pinwand_label{
    text-transform: uppercase;
    float: left;
    padding: 5px 5px 5px 0px;
    color:#c2eefe;   
}
#pinwand textarea{
    width:520px;
    height:85px;
    float:right;
    padding: 5px;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
}
#pinwand textarea.close_textarea{
    background-color: #c1e1ec;
    border: 0px;
    height: 19px;
}
#pinwand .not_active{
    margin-top: -29px !important;
}

#pinwand #dialog_upload_file{
    bottom: 45px;
    display: block;
    position: relative;
}
#pinwand #dialog_upload_file.hidden{
    display: none;
}
#pinwand/*_record*/ input[type=button]{
   -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    background-color: #1BB8F3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    margin: 5px 0 0;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
    padding-top: 8px\9;/*hack for IE*/
}
/*hack for Chrome*/
@media all and (-webkit-min-device-pixel-ratio:0){
  #pinwand/*_record*/ input[type=button]{padding-top: 9px;}
}
.restore{
    display: none;
}
.restore a{
    color: #A8E0E4;
}
#pinwand_record #dialog_images_list,
#pinwand_record #dialog_video_list,
#pinwand_record #dialog_contact_list{
    /*margin-left: 80px;*/
    margin-left: 40px;
} 
#pinwand .date_line{
    margin-left:9px;
    padding:0px 10px;
    background-color: #F6F8F9;
}
#pinwand .sub .date_line{
    margin-left:9px !important;
    padding:0px !important;
}
#upload_file{
    float: right;
    margin-right: 110px;
    margin-top: -35px;
    padding-bottom: 30px;
}
/*-----------------------------reply-----------------------*/
.pinwand_reply{
    /*margin-left: 85px;*/
   /* width: 530px;*/
   background: none repeat scroll 0 0 #F6F8F9;
    margin-left: 9px;
    padding: 5px 5px 5px 26px;
    width: 500px;
}
.pinwand_reply textarea{
    float: right;
    width: 405px !important;
    height:55px !important;
}
.pinwand_reply .pinwand_label{
    color:#1BB8F3;
}
.sub{
    background: none repeat scroll 0 0 #F6F8F9;
    margin-left: 84px;
    width: 521px; 
    padding:0px 5px;
}
.more_comments{
    background-color: #C1E1EC;
    display: block;
    border: none;
    width: 531px; 
    cursor: pointer;
    margin: 10px 0px 10px 84px;
}
#pinwand .sub .comment_details{
    /*width: 460px;*/
    width: 450px;
}
.sub .comment_details{
    /*arrow*/
    background-image: url('../images/arrow_comment.png');
    background-position: left 5px;
    background-repeat: no-repeat;
}
#pinwand .sub .comment_text{
    background-color: #c1e1ec;
    width: 410px;
    border-bottom: none;
}
.likes{
    float:right;
    margin:5px 0px;
}
.likes button{
    border: 0px; 
    background-color: transparent;
    padding-right: 25px;
    color:#1BB8F3;
    background-image: url('../images/heartblue.png');
    background-position: 66px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 85px;
}
.likes button:hover{
    background-color: #1BB8F3;
    color: #fff;
}
.likes .like_count{
    position: inherit;
    padding-left: 5px;
    color:#1BB8F3;
}
.likes .like_count:hover{
    background: #1BB8F3;
    color: #fff;
}
.middle_title{
    padding: 5px;
    background-color: #1bb8f3 !important;
    color: #fff;
    font-size:13px;
    text-align: left;
}
.middle_title span{
    position: absolute;
    top:0px;
    right:0px;
    background-image: url('../images/close_not_sqeez.png');
    background-position: right top;
    background-repeat: no-repeat;
    height:26px;
    width: 27px;
}
#pinwand .sub .comment_date{
    margin-left: 9px;
}

/*--------------------------pinwand images------------------------------*/
#pinwand .message_img{
    padding: 0px;
    position: relative;
}
/*  full  */
/*1*/
.count1 .full_height{
    float: left;
    max-height: 400px;
    height: auto;
    width: 100%;
}
.count1 .full_height img{
    max-height: 450px;
    height: auto;
    width: auto;
}
.count1 .full_width{
    float: left;
    max-width: 560px;
    height: auto;
    width: 100%;
}
.count1 .full_width img{
    max-width: 550px;
    height: auto;
    width: auto;
}
/*2*/
.count2 .full_height,
.count2 .full_width{
    float: left;
    height: 215px;
    width: 258px;
}
.count2 .full_height img{
    max-width: 290px;
    height: auto;
    width: auto;
}
.count2 .full_width img{
    max-height: 265px;
    height: auto;
    width: auto;
}
.count2 .message_img:nth-child(2){
    margin-left:5px;
}
.count3 .message_img:nth-child(1),
.count4 .message_img:nth-child(1),
.count5 .message_img:nth-child(1),
.count5 .message_img:nth-child(3),
.count5 .message_img:nth-child(4),
.count6 .message_img:nth-child(1),
.count6 .message_img:nth-child(2),
.count6 .message_img:nth-child(4),
.count6 .message_img:nth-child(5),
.count7 .message_img:nth-child(1),
.count7 .message_img:nth-child(3),
.count7 .message_img:nth-child(4),
.count7 .message_img:nth-child(5),
.count7 .message_img:nth-child(6),
.count8 .message_img:nth-child(1),
.count8 .message_img:nth-child(3),
.count8 .message_img:nth-child(4),
.count8 .message_img:nth-child(6),
.count8 .message_img:nth-child(7),
.count9 .message_img:nth-child(1),
.count9 .message_img:nth-child(3),
.count9 .message_img:nth-child(4),
.count9 .message_img:nth-child(5),
.count9 .message_img:nth-child(6),
.count9 .message_img:nth-child(7),
.count9 .message_img:nth-child(8),
.count10 .message_img:nth-child(1),
.count10 .message_img:nth-child(3),
.count10 .message_img:nth-child(4),
.count10 .message_img:nth-child(5),
.count10 .message_img:nth-child(7),
.count10 .message_img:nth-child(8),
.count10 .message_img:nth-child(9){
    margin-right: 5px;
}
.count8 .message_img:nth-child(5){
    margin-right: 9px;
}
.count10 .message_img:nth-child(6){
    margin-right: 11px;
}
.count3 .message_img:nth-child(2),
.count4 .message_img:nth-child(2),
.count4 .message_img:nth-child(3),
.count5 .message_img:nth-child(1),
.count5 .message_img:nth-child(2),
.count6 .message_img:nth-child(1),
.count6 .message_img:nth-child(2),
.count6 .message_img:nth-child(3),
.count7 .message_img:nth-child(1),
.count7 .message_img:nth-child(2),
.count8 .message_img:nth-child(1),
.count8 .message_img:nth-child(2),
.count9 .message_img:nth-child(1),
.count9 .message_img:nth-child(2),
.count10 .message_img:nth-child(1),
.count10 .message_img:nth-child(2){
    margin-bottom: 5px;
}
/* 3 */
.count3 .full_height,
.count3 .full_width{
    float: left;
    height: 270px;
    width: 370px;
}
.count3 .full_height img{
    max-width: 420px;
    height: auto;
    width: auto;
}
.count3 .full_width img{
    max-height: 320px;
    height: auto;
    width: auto;
}
.count3 .medium_height,
.count3 .medium_width{
    float: left;
    height: 132px;
    width: 145px;
}
.count3 .medium_height img{
    max-width: 175px;
    height: auto;
    width: auto;
}
.count3 .medium_width img{
    max-height: 180px;
    height: auto;
    width: auto;
}

/* 4 */
.count4 .full_height,
.count4 .full_width{
    float: left;
    height: 235px;
    width: 415px;
}
.count4 .full_height img{
    max-width: 445px;
    height: auto;
    width: auto;
}
.count4 .full_width img{
    max-height: 335px;
    height: auto;
    width: auto;
}
.count4 .small_height,
.count4 .small_width{
    float: left;
    height: 75px;
    width: 100px;
}
.count4 .small_height img{
    max-width: 150px;
    height: auto;
    width: auto;
}
.count4 .small_width img{
    max-height: 125px;
    height: auto;
    width: auto;
}

/* 5,7-10 */
.count5 .full_height,
.count5 .full_width,
.count7 .full_height,
.count7 .full_width,
.count8 .full_height,
.count8 .full_width,
.count9 .full_height,
.count9 .full_width,
.count10 .full_height,
.count10 .full_width{
    float: left;
    height: 215px;
    width: 258px;
}
.count5 .full_height img,
.count7 .full_height img,
.count8 .full_height img,
.count9 .full_height img,
.count10 .full_height img{
    max-width: 290px;
    height: auto;
    width: auto;
}
.count5 .full_width img,
.count7 .full_width img,
.count8 .full_width img,
.count9 .full_width img,
.count10 .full_width img{
    max-height: 265px;
    height: auto;
    width: auto;
}
.count5 .medium_height,
.count5 .medium_width{
    float: left;
    height: 130px;
    width: 170px;
}
.count5 .medium_height img{
    max-width: 210px;
    height: auto;
    width: auto;
}
.count5 .medium_width img{
    max-height: 185px;
    height: auto;
    width: auto;
} 
/* 6 */
.count6 .medium_height,
.count6 .medium_width{
    float: left;
    height: 150px;
    width: 170px;
}
.count6 .medium_height img{
    max-width: 210px;
    height: auto;
    width: auto;
}
.count6 .medium_width img{
    max-height: 185px;
    height: auto;
    width: auto;
} 

/* 7 */
.count7 .small_height,
.count7 .small_width{
    float: left;
    height: 75px;
    width: 100px;
}

/* 8 */
.count8 .small_height,
.count8 .small_width{
    float: left;
    height: 75px;
    width: 82px;
}

/* 9 */
.count9 .small_height,
.count9 .small_width{
    float: left;
    height: 75px;
    width: 70px;
}

/* 10 */
.count10 .small_height,
.count10 .small_width{
    float: left;
    height: 75px;
    width: 60px;
}
/*------------------------video------------------*/
.video_mark,
.photo_mark,
.text_mark{
    bottom: 0px;
    position: absolute;
    right: 0px;     
    height: 25px;
    width: 25px;
    background-color: #1bb8f3;
}
.photo_mark{
    background-image: url('../images/camerawhite.png');
    background-position: center;
    background-repeat: no-repeat;
}
.photo,
.video,
.adressbuch{
    height: 25px;
    width: 25px;
    display: inline-block;
    background-color: #1bb8f3;
    margin: 0px 2px;
}
.photo{
    background-image: url('../images/camerawhite.png');
    background-position: center;
    background-repeat: no-repeat;
}
.video{
    background-image: url('../images/videowhite.png');
    background-position: center;
    background-repeat: no-repeat;
}
.adressbuch{
    background-image: url('../images/attach_adressbuch.png');
    background-position: center;
    background-repeat: no-repeat;
}
/*.small_width .video_mark,
.small_height .video_mark,
.medium_width .video_mark,
.medium_height */.video_mark{
    background-image: url('../images/videowhite.png');
    background-position: center;
    background-repeat: no-repeat;
}
.text_mark{
    background-image: url('../images/textwhite.png');
    background-position: center;
    background-repeat: no-repeat;
}
.feedback p{
    float: left;
    overflow: hidden;
    width: 660px;
    color:#1bb8f3;
    cursor: pointer;
}
.pinwand_record{
    width:100%;
    background-color: #b3d6e1;
    padding: 5px 0px;
    text-transform: uppercase;
    color:#496f77;
    line-height: 20px;
    text-align: center;
}
.icons{
    background-color: #fff;
    padding: 5px;
    margin-top: 5px;
}
.icons .video_mark,
.icons .photo_mark,
.icons .text_mark{
    position: relative;
    float: left;
    background-color: #b3d6e1;
    margin-right: 5px;
}
.icons .text_mark{
    margin-right: 0px;
}

#lightbox_wrapper #video #added{
    margin: 0px;
    padding-right: 0px;
    color: #1BB8F3;
}
#lightbox_wrapper #video .comment_text {
    border-bottom: 0px;
}
#lightbox_wrapper .comment_date{
    margin-left: 10px;
}
#lightbox_wrapper #video  #firstline{
    background: none;
    border-bottom: 1px solid #1BB8F3;
}
#lightbox_wrapper #video #description{
    color:#000;
    float: none;
    border-bottom: 1px solid #1BB8F3;
    width: 100%;
    padding-bottom: 10px;
}
/*---------------------------------------NEWSFEED------------------------------------*/
.news{
   width: 98%;
   margin-bottom: 10px; 
   border-bottom: 1px solid #A2BBC4;
   padding: 10px;
   /*background: none repeat scroll 0 0 #EBF1F3;*/
}
.news a{
    color:#fff;
    font-family: RobotoBold;
}
.feedback{
    padding-left: 80px;
    width:90%;
    background-image: url('../images/heartwhite.png');
    background-position: 35px center;
    background-repeat: no-repeat;
}
/*user friend*/
span.online{
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height:16px;
    margin: 60px 0px 0px -60px;
    float:left;
}
span.onlinesub_friend{
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    line-height:12px;
    float:left;
    margin: 40px 0px 0px -40px;
}
a.news_name{
    cursor: pointer;
    text-decoration: none;
    color:#fff;
    font-family: RobotoBold;
    float:left;
}
#lightbox_photo a.news_name{
    color: #274c54;
}
.news_detail {
    color: #2F4F4F;
    float:left;
    margin:0px 5px;
    /*color: #274c54;*/
}
.news .news_date{
    color:#a7c8d2;
    float:right;
}
.news .friend{
    margin-right: 15px !important;
}
.news .sub_friend{
    height: 40px;
    width: 40px;
    margin-right: 5px !important;
}
.news .sub_friend img{
    height: 40px;
    width: 40px;
}
/*images*/
.attaches{
    float: right;
    width: 825px;
}
.pinwans_img{
    float: left;
    padding: 5px;
    width:191px;
    /*height:160px;*/
    height:150px;
    background-color: #fff;
    margin: 0px 5px 5px 0px;
}
.pinwans_img table tr td{
   display:block; 
   width:191px;
   /*height:160px;*/
    height:150px;
   overflow:hidden;
}
.news .comment_details{
    float: left;
    margin: 0px;
}
/*new pinwand*/
.news .comment_details{
    width: 540px;
}
.news .comment_date{
    color: #fff;
}
.pinwand_attaches{
    background-color: #fff;
    padding: 5px;
    margin-left: 9px;
}
.pinwand_attaches .message_img{
    padding: 0px;
}
.date_line{
    background-color: #dfeaed;
    margin-left: 9px;
}
.date_line .comment_date{
   color: #316068;
   padding: 0px 5px;   
}
/*newsfeed display*/
.likes_img,
.likes_pinwand{
    float: right;
    width: 100px;
    height: 70px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.likes_img{
    background-color: #fff;
}
.likes_pinwand{
    width: 95px;
}
/*pinwand comment like display*/
.pinwand_text{
    float: left;
    height: 65px;
    margin: 0 2%;
    overflow: hidden;
    width: 70%;
}
/*tabs*/
#wrapper_news_list .tab{
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 350px;;
    background-color: #6fb3be;
}
#wrapper_news_list .tab a{
    color: #445C68;
    display: block;
    font-size: 16px;
    height: 25px;
    width: 100%;
}
#tabs .tab{
    float: left;
    width: 227px;
}
#tabs .active,
#tabs .tab:hover{
    background-color: #fff;
}
#wrapper_news_list #tabs .tab{
    width: 205px !important;
}
/*comment*/
.news .comment .comment_details{
    width: 450px;
}
.news .comment{
    background: none;
    width: 560px; 
    margin-left: 84px;
}

/*------------------------------------------------*/
#popup .comment{
    border-bottom: none;
    margin: 0px auto 10px;
    padding: 0px;
    width: 615px;
    background-color: #fff;
}
#popup .friend:nth-child(2){
    /*height: 45px;
    width: 45px;*/
    margin-top: 5px !important;
    margin-left: 10px;    
}
#popup .comment_date{
    color: #1BB8F3;
}
#popup .sub{
    margin-left: 89px;
    padding: 0 5px;
    width: 516px;
}
#popup .sub .comment_text{
    background-color: #C1E1EC;
}
/*-------------------------TIPPS------------------*/
#tipps{
    visibility: hidden;
    min-width: 60px;
    max-width: 300px;
    min-height: 30px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #5A90D5;
}
#tipps p{
    padding: 5px;
}
label.tipp{
    font-size: 10px;
}

/*---------------------------------------------------------------FOOTER-------------------------------------------------*/    
#footer{
    border-top: 1px solid #cdcdcd;
    color: #fff;  
    height: 35px;
    width: 1000px;  
    margin: 20px auto 0px;
    /*margin: -50px auto 0px;
    position: absolute;*/
    bottom: 0px;
}
.copyright{
   float: left;
   font-size: 10px;
   line-height: 20px; 
   width: auto;
   height: 100%;
}
#footer_menu{
    float: right;
    width: auto;
}
#footer_menu ul{
    list-style-type: none;
}
#footer_menu ul li{
    display: block;
    float: left;
    padding: 5px 10px;
}
#footer_menu ul li a{
    font-size: 10px;
    text-decoration : none;
    color: #0c558d;
}


/*---------------------------------------------------DESKTOP----------------------------------------*/
/*desktop menu*/
.menudesktop .new_count {
    right: 0;
    top: 0;
}

/*-------------------------------------------COMMERCIAL----------------------------------------------*/
.menucommerce{
    top: 15px;
    left: 435px;
    list-style-type: none;
    position: absolute;
    cursor: pointer;
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000'); 
}
.menucommerce li ul{
    display: none;
    margin-top: 19px;
    border-top:1px solid #4d7d83;
}
.menucommerce li{
    display: inline-block;
    height: auto;
    width: 110px;
    /*margin: 5px 0px;*/
    padding-top:24px;
    height: 36px;
    width: 120px;
    color:#ffffff;
    text-align: center;
    text-transform: uppercase;
}
.menucommerce li ul li .new_count{
    top:0;
    right: 0;
}
.menucommerce li ul li{
     padding:0;
     border-bottom: 1px solid #b4bfc3;
     height: 30px;
     background: #ebf1f3;
     margin: 0;
     text-transform: lowercase;
}
.menucommerce li ul li.active a{
    color:#ffffff;
}
.menucommerce li ul li a{
    color:#000000;
}
.menucommerce li ul li a:first-letter{
    text-transform: uppercase;
}
.menucommerce li:hover,
.menucommerce li.current,
.menucommerce li.active{
    background-color: #1bb8f3;
    
}
.menucommerce li a:hover{
    color:#ffffff;
}

.menucommerce li a{
    text-decoration: none;
    color:#fff;
    display: block;
    height: 30px;
    width: 120px;
    padding-top: 8px;
    /*padding: 5px;*/
}
.menucommerce li.parent:hover  ul{
    display: block;
}
/*edit firm*/
#editfirm{
    padding: 10px;
}

#editfirm label{
    float: left;
    width: 150px;
    margin: 3px;
}

#editfirm input, 
#editfirm select{
    margin: 3px;
}
.empty{
    border: 1px solid blue !important;
}
#editfirm .warning{
    background-color: #538F8E;
}

form[id="banklist"] label{
	text-align:right;
}
#banklist .delete {
    background-image: url("../images/delete.png");
    background-position: center;
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    display: inline-block;
}
/*---------------------------------------DESKTOP FOR MITARBEITER------------------------------------------*/
.news:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*---------------------------------------------MITARBEITER------------------------------------------------*/
/*list*/
.tabsline #count{
    background-image: url("../images/friends_icon.png");
    background-position: 80% center;
    background-repeat: no-repeat;
}
#mitarbeiter .delete,
#mitarbeiter_list .delete,
.edit_mit{
/*    width:24px;
    height: 24px;
    margin: 0px 5px;*/
}
#mitarbeiter .delete a,
#mitarbeiter_list .delete a,
#accessrules .delete a{
    /*background-image: url("../images/delete.png");*/
    background-position: center;
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    display: inline-block;
}
.edit_mit a{
    /*background-image: url("../images/edit.png");*/
    background-position: center;
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    display: inline-block;
}
#mitarbeiter_list table{
    margin-top: 10px;
    text-align: center;
}
#mitarbeiter_list table thead{
    color: #FFF;
    text-align: center;
    background-color: #1BB8F3;
}

#mitarbeiter_list table tr td{
    padding: 5px 2px;
    border-bottom: 1px solid #FFF;
}

/*view/edit*/
.pin{
    /*width: 270px;*/
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 0 5px 8px;
    min-height: 150px;
    /*width: 270px;*/
    width: 268px;
}
#mitarbeiter .terms{
    margin-left:0px;
    background: none repeat scroll 0 0 #FFFFFF;
}
#mitarbeiter .pin{
    margin: 0 8px 5px 0;
}
[class*="pin_title"]{
    width: 100%;
    background-color: lightskyblue;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    display: block;    
}
[class="pin_title modal"]{    
    background-image: url("../images/edit.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

table{
   table-layout:fixed;
}
.pin_data{
    padding: 5px;
    min-height: 55px;
}
.terms{
    margin:0 0 4px 8px;
    background: #ebf1f3;
}
.pin_data .delete{
    position: relative;
    top:0px;
    right:-236px;
}
.pin_data table thead td,.pin_data table td{
    border-bottom:1px solid #d6e3e8;
    border-right:1px solid #d6e3e8;
    
    padding: 5px;
}
.pin_data table tbody td{
    border-bottom:1px solid #d6e3e8;
}
.pin_data table{
    border-left:1px solid #d6e3e8;
    border-top:1px solid #d6e3e8;
    table-layout:fixed;
}
[class*="pin_subtitle"]{
    display: block;    
    cursor: pointer;
    background-color: transparent;
    background-color: lightsteelblue;
    color: #000;
    text-align: left;
    line-height: 24px;
    padding-left:5px;
}
[class="pin_subtitle modal"]{
    background-image: url("../images/edit.png");
    background-position: right center;
    background-repeat: no-repeat;
}
[class="pin_subtitle modal add"]{
    background-image: url("../images/add_contact.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000;
    background-color: lightsteelblue;
    text-align: left;
}
.mitarbeiter{
    padding: 10px;
}
.mitarbeiter a{
    cursor: pointer;
    color: #FFF;
}


/*attached file to mitarbeiter*/
.pdf{
    min-height: 50px;
    width: 100px;
    margin: 5px;
    text-align: center;
    float: left;
    position: relative;
}
.pdf .delete{
    right: 0px;
    position: absolute;
}
/*edit*/
#mitarbeiter label,
#order label,
#banklist label{
    display: inline-block;
    /*width: 125px;*/
    width: 37%;
    color:darkslategrey;
    font-size: 10px;
    text-align:right;
}

.pin .value {
    color: #161616;
    float: right;
    width: 47%;
}

/*service adressbuch*/
#adressbuch_tabs .active,
#adressbuch_tabs .tab:hover {
    background-color: #FFFFFF;
}
.adressbuch_service table tr td:first-child{
    width: auto !important;
}

/*----------------GROUPS------------------*/
.question{
    display: inline-block;
    width: 75%;
}
#group label{
    display: inline-block;
    width: 20%;
}
#group input[type="text"]{
    width: 30%;
}
#group textarea{
    width: 78%;
}
.mit_list a{
    /*background-color: #1BB8F3;*/
    /*background-image: url("../images/friends_icon.png");*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
/*    width:24px;
    height: 24px;
    display: inline-block;*/
}

/*---------------------------------------------------------ORDER------------------------------------------------------------------*/
/*--------------------ORDERLIST------------*/
#action{
    display: block;
    width:190px;    
}
#action label,
#howcome label{
    font-size: 11px;
}
#howcome{
    display: block;
    width:200px;    
}
.list_filter_table{
    font-size: 10px !important;
    z-index:601;
    /*margin-top:68px;*/
    /*margin-top:94px;*/
    /*position:fixed;*/
    width:1000px;
}
#scroll_list{
    display: table;
    position: fixed;
}
#top_list thead tr{
    z-index: 602;
}
/*.sortico{
    float: right;
}
.sortico:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/
/*--------------------MENU WRAPPER--------*/
.menuorder_wrapper:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*------------------------------------ORDER MENU------------------------*/
.menuorder{
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
	width:150px;
	margin:0px 0px 10px 0px;
	float:left;
}
.menuorder li {
	color: #000;
    display: inline-block;
    height: 17px;
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    width:100%;
	background-color: #1BB8F3;	
	cursor:pointer;
}
.menuorder li ul{
	display:none;
	width:225px;
	margin-top:10px;
	position:relative;
	z-index:10;
}
.menuorder li:hover ul{
	display:block !important;
}
.menuorder li ul li{	
    display: inline-block;
    height: auto;    
    text-align: left;
    width: 95%;
	line-height:15px;
	background-color: #EBF1F3;	
	text-transform: none;
	border-bottom:1px solid #B4BFC3;
	padding:5px;
}
.menuorder li ul li:hover,
.menuorder li ul li.active{
	background-color: #1BB8F3;	
}
/*-------end ORDER MENU-------*/
/*-------order tab title------*/
.title_order{
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
	width:340px;
	margin:0px 0px 10px 0px;
	float:left;
	color: #000;
    display: inline-block;
    height: 17px;
    padding: 10px 0px;
    text-align: center;
	background-color: #A9BEC1;	
	line-height:17px;
}
/*------------------------------------ORDER------------------------*/
.ordertab{
	float:left;
	width:49%;
	height:auto;
	position:relative;
	font-size:11px !important;
}
.overlay{
    background-color: rgba(27, 184, 243, 0.3);
    background-image: url("../images/loading.gif");
    background-position: center 100px;
    background-repeat: no-repeat;
    position:relative;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    min-height: 100px;
}
/*----------------tables-------------*/
.ordertab .list-table{
	font-size:9px;
	margin: 0px !important;
}
.ordertab .list-table th{
	padding:4px 1px 0px 4px;
	font-size:10px;
	/*font-weight:bold;*/
}
.ordertab .list-table td{
	padding:2px;
}
.ordertab  table input[type=text]{
	width:100%;
	font-size:9px;
        border: 1px solid #ccc;
        height:15px;
}
.ordertab table select{
	width:100%;
	font-size:9px;
        border: 1px solid #ccc;
        height:17px;
}
.orderlist_table_td{
    max-height: 54px;
    overflow: hidden;
}
.w15px{
    width: 15px;
}
.w80px{
    width: 80px;
}
#order label{
	width:29%;
}
.ordertab p{
	font-size:10px;
}
.ordertab .button{
	line-height:12px;
	margin: 5px;
	font-size: 11px;        
}
#orderleft{
	margin-right:2%;
}
.ordertab .pin{
	margin:1%;
	width:31%;
	min-height:100px;
}
#order textarea{
    width: 100%;
}
#order ul{
    list-style-type: none;
}
.pin #friend_image{
    width: 190px;
}
#order .pin_title,#mitarbeiter .pin_title{
    cursor: default;
    background:#a9bec1;
}
#order .modal{
    cursor: pointer;
    background-image: url("../images/view_edits.png");
    background-position: right center;
    background-repeat: no-repeat;
}
#order a[class*="pin_title"]{
	width:84%;
	padding:0% 15% 0% 1%;
	font-size:12px;
	text-align:left;	
}
thead{
    background-color: #1BB8F3;
    color: #FFF;
}
thead td{
    padding: 5px;
}
.in_order_in_list td,
td.in_order_in_list,
tr.bill_in_in_list td{
    background-color: #FFF !important;
}
.out_order_in_list td,
td.out_order_in_list ,
tr.bill_out_in_list td{
    background-color: #DDD !important;
}
.out_order_in_list td.status_n,
.in_order_in_list  td.status_n{
    background-color: lightcyan !important;
}
.out_order_in_list td.status_c,
.in_order_in_list  td.status_c{
    background-color: yellow !important;
}
.out_order_in_list td.status_r,
.in_order_in_list td.status_r{
    background-color: red !important;
}
.out_order_in_list td.status_w,
.in_order_in_list td.status_w{
    background-color: magenta !important;
}
.out_order_in_list td.status_f,
.in_order_in_list td.status_f{
    background-color: green !important;
}

.order_right .button{
    float: left;
    margin: 5px;
}

.order_right table .button {
    float: none;
}
.left.ordertab{
    width: 17%;
}
.editordertabs li{
/*    border-top: 1px solid #467783;
    border-right: 1px solid #467783;
    border-left: 1px solid #467783;*/
    background-color: #1BB8F3;
    cursor: pointer;
    margin-bottom: 1px;
    padding: 3px;
    width: auto;
}
.editordertabs li a{
    text-decoration: none;
    color:#FFF; 
    padding: 5px;
    display: inline-block;
    width: 95%;
}
.editordertabs li:hover, 
.editordertabs li.active{
    background-color: #4189a1;
}

.docs .list-table,.docs p{
    margin-left: 8px;
}
/*-------------------------------------------documents*/
#orderdoc label{
    color: darkslategrey;
    display: inline-block;
    width: 20%;
}
.pdfPreview{
	height:660px;
	border:none;
}
.visibility_hidden{
	visibility:hidden;
}

/* -----------------------------------------------------------------------------HISTORY*/
#history{
    width: 100%;
}
#history .general{
    background: #EBF1F3;
    padding: 10px;
    margin-bottom: 5px;
}
#history label,
#tasklist label{
    display: inline-block;
    color:#356775;
    margin-right: 24px;
    font-size: 11px; 
}
#history label{
    width: 25%;
}
#tasklist label{
    /*width: 40%;*/
}
/*----------------ACCESS TO ORDER FOR GROUPS------------------*/
/*#group table tr td{
    border-bottom: 1px solid #9ABBC6;
    padding: 5px;
}
#group table thead{
    color: #FFF;
    text-align: center;
    background-color: #1BB8F3;
}
#group .button{
    /*float: left;
    padding: 5px 20px;
}
#group table tr td input[type=checkbox]{
    margin-right: 5px;
}*/
#toTop {
    width:100px;
    border:1px solid #ccc;
    background:#1BB8F3;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
    display:none;
    color:#FFF;
    font-size:11px;
}
#orderaccess{
	width:490px;
	overflow-x:auto;
}
#orderaccess table{
	width:auto;
}
/*#orderaccess th,
#orderaccess td{
	width:250px;
	word-break:break-all;
	display:inline-block;
}*/
#orderaccess label{
	font-size:10px;
}
/*----------------------------DIRECT ORDER-----------------------------*/
.fixedheight{
    max-height: 500px;
    overflow-y: auto;
}
.left{
    float: left;
    /*padding: 5px;*/
}
.right{
    float: right;
}
#actioncontainer{
	font-size:11px;
}
#actioncontainer .mit_image_tiny{
    height: 30px;
}
#actioncontainer .padding .directfill_title{
    background: #a9bec1;
    min-height: 30px;
	height:auto;
    padding: 5px;
}
#actioncontainer .padding .directfill_title div, #actioncontainer .padding .directfill_title img{
    float:left;
}
.directfill_title:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#actioncontainer .padding .directfill_title div{
    padding: 0px 0 0 5px;
    width: 68%;
}
#direct_list{
    width: 62%;
}
#actioncontainer .padding{
    margin:0 0 4px 5px;
    background: #ebf1f3;
    padding:5px;
}
#actioncontainer .padding .directfill_notice{
    padding: 5px 0 0 9px;
}
#actioncontainer .padding textarea{
    width: 95%;
    height: 58px;
    margin: 5px 0 9px 9px;
}
#actioncontainer .padding input[type="submit"]{
    background: #1bb8f3;
    color:#ffffff;
    border:none;
    margin: 11px 0 6px 9px;
    padding: 6px 30px;
}

.direction_table td,
.direction_table th{
    font-size: 10px;
}
/*add sergey*/
#actioncontainer #mit_list .mit_list_title{
    height:25px;
    background: #a9bec1;
    text-align: center;
    color:#ffffff;
    font-size: 16px;
    padding-top: 5px;
}
#actioncontainer #mit_list .mit_list_title.footer{
    background: #1bb8f3;
    cursor: pointer;
}
#actioncontainer #mit_list {
    background-color: #FFF;
    width: 38%;
}
#actioncontainer #mit_lis table td{
    vertical-align: middle;
}
/*add sergey end*/
.button:hover{
    background-color: #1A3F47;
}
.tab{
    color: #1A3F47;
}
#tasklist textarea{
    width: 85%;
    min-height: 80px;
    height: auto;
}
.display_none{
    display: none !important;
}
button{
    border: 0px;
}
#tasklist .refresh,
#order .refresh,
#banklist .refresh{
    background-image: url('../images/refresh_task.png');
    width: 35px;
    height: 35px;
    /*margin: 0 10px 0 3px;*/
    border: 0px;
}

#task_time{
	padding:10px 0px;
}

#direct_list .button{
	margin:0px;
	float:right;
}
.disabled_button{
    cursor: not-allowed;
    background-color: gray;
}
.mit_thumb{
    width: 36px;
    margin: 5px;
    font-size: 10px;
    text-align: center;
}
.mit_thumb img{
    width: 36px;
}

.current td{
    background: #87CEFA !important;
}

#mitarbeiter_list{
    background-color: #FFF;
    padding: 5px;
    margin: 5px;
}

#mitarbeiter_list .select{
    cursor: pointer;
}
#mitarbeiter_list .select .more{
    margin-left: 5px;
}
#mitarbeiter_list .select:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#mitarbeiter_list .choise_list img{
    height: 30px;
}
/*----------------------------KATALOG AND MATERIALS----------------------*/
#katalog .button,
#material .button{
    float: left;
}
#material label{
    display: inline-block;
    width: 130px;
    color: darkslategrey;
}
/*add sergey */
.firm_list #back{
    height: 40px;
    padding: 0;
    background: #ebf1f3;
    margin-right: 1px;
    width: 41px;
}
.firm_list #back a{
    height: 10px;
    padding: 10px 15px;
}
.firm_list .desktop_buttonfirm,.firm_list .desktop_buttonfirm:hover{
    float:left;
    padding-top: 12px;
    width: 170px;
    border:0;
    background: #ebf1f3;
    color:#2d5f8c;
}
.firm_list_wrapper{
    margin-top:15px;
}
.list-table{
    -moz-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    -webkit-box-shadow: 0px  0px  1px  rgba(0,0,0,0.32);
    box-shadow:  0px  0px  1px  rgba(0,0,0,0.32);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.32, Direction=0, Color='#000000'); 
}
table.orders th{
    background:#a8d08d;
}
.list-table th{
    background: none repeat scroll 0 0 #1BB8F3;
    border-bottom: 1px solid #5592A9;
    border-right: 1px solid #58C5EE;
    font-weight: normal;
    height: 21px;
    padding: 4px 0 0 14px;
    text-align: left;
}
.list-table td{
    border-right: 1px solid #d6e3e8;
    border-bottom: 1px solid #d6e3e8;
    background: #ebf1f3;
    font-family: Arial;
    font-size: 9px;
}
.list-table td a{
    font-size: 9px;
}
.list-table th input{
    font-size: 10px;
}
.list-table td.img{
    vertical-align: top;
    padding: 14px 0 0 12px;
}
.list-table td{
  padding: 6px 6px 6px 16px;  
} 
.list-table td p,.list-table td p label{
    line-height: 16px;   
}
.filter_form_wrapper{
 margin-bottom: 20px;
 border-bottom:1px solid #4f808f;
 min-height: 92px
}
.order_info_container{
    float:right;
    width:585px;
}
.order_info_container .info_left,.order_info_container .info_center,.order_info_container .info_right{
    float:left;
}
.order_info_container .info_left{
    margin-right: 6px;
    width: 180px;
}
.order_info_container .info_left input[type=text]{
    width: 180px;
    border:0;
    margin-bottom: 12px;
    height: 18px;
}
.order_info_container .info_left select{
    width: 180px;
    margin-bottom: 7px;
}
.order_info_container .info_center #start .legend,.order_info_container .info_right #end .legend{
    background: #a7c7ca;
    width: 105px;
    height: 17px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
}
.order_info_container .info_center #start label,.order_info_container .info_right #end label{
    font-size: 11px;
}
.order_info_container .info_center #start input[type=radio],.order_info_container .info_right #end input[type=radio]{
    margin: 3px 0 0 8px;
    *margin: 1px 0 0 3px;
}
.order_info_container .info_center #start,.order_info_container .info_right #end{
    border:0px;
    background: #84b3b5;
    width: 105px;
    font-size: 11px;
    border-right:1px solid #548589;
    min-height: 82px;
    height: auto;
    *height: 86px;
}
.order_info_container .info_center{
    
}
.order_info_container .info_right{
    
}
.order_info_container .info_left input[type=submit],.order_info_container .info_left input[type=reset]{
    background: #1bb8f3;
    border:1px solid #609697;
    float:left;
    color:#ffffff;
    width: 90px;
    text-align: center;
    height: 22px;
}
.order_info_container .info_left input[type=reset]{
    border-left:0px;
}
.types_wrapper{
    float:left;
}
.types_wrapper table {
    width: 200px;
}
.types_wrapper table td{
    font-size: 11px;
    height: 20px;
    /*padding-right: 11px;*/
    text-align: center;
}
.list-table.orders td{
    padding:0;
    padding-left: 5px;
}
.list-table.orders th{
    padding-left: 12px;
}
.display_none input{
    float:left;
    margin-top:5px;
}
.display_none img{
    margin-top:6px;
    float:left;
}
/*- ------------------------------------------------------------------TASKLIST*/
#tasklist .news.users, #tasklist .news.orders{
    background: #ebf1f3;
    padding: 0
}
.news.users{
	font-size:11px;
}
.news.users >div{
	font-size:11px;
}
#tasklist .news .right_part_container{
    float:right;
    width: 83.9%;
    border-left: 1px solid #d6e3e8;
    min-height: 138px;	
}
#tasklist .news.users label{
    color:#838e92;
	margin:0px;
}
#tasklist .news.users .left._15{   
    color:#3f3f3f;
    text-align: center;
    padding-top:8px;
}
#tasklist .news.users .left._40,#tasklist .news.orders .left._25{
    margin-top: 11px;
    padding: 0 5px 7px 5px;
    color:#356775;
    line-height: 18px;
	font-size:11px;
    /*border-bottom: 1px solid #d6e3e8;*/
}
#tasklist .news.users .left._35 label{
    color:#356775;
}
#tasklist .news.users .left._60,#tasklist .news.orders .left._50,#tasklist .news.orders .left._20{
    margin-top: 14px;
    padding: 0 0px 14px 0px;
    /*border-bottom: 1px solid #d6e3e8;*/
}
#tasklist .news.users .left._60{
	width:54%;
}
#tasklist .news.users .left._60 #descview{
    margin: 0 0 10px 7px;
    float:left;
    width: 90%
}
#tasklist .news.users .left._60 .display_none{
    margin-top: 10px;
}
#tasklist .news.users .left._60 label{
    font-weight: bold;
    font-family: Arial;
    color:#356775;
    margin-left:7px;
    float:left;
	width:75%;
}

#tasklist .news.users .line_separete a,#tasklist .news.orders a,#tasklist .news.orders input.button{
    background: #45c6ac;
    color:#ffffff;
    margin: 10px 5px 0px;
    padding: 5px 24px 5px 24px;
	display:inline-block;
        cursor: pointer; 
}
#tasklist .news.orders input.button{
    height: 35px;
    *height: 25px;
    margin-left:0px;
    padding:0 30px;
}

#tasklist .news.orders .left._20 .refresh{
    margin:10px 0 0 0 ;
}
#tasklist .news.users .line_separete{
    width: 100%;
    float:left;
    line-height: 20px;
    border-top: 1px solid #d6e3e8;
}
#tasklist .news.users #task_time{
    float: left;
    width: 100%;
	font-size:11px;
}
#tasklist .news.users #task_time thead,#tasklist .news.orders #task_time thead{
    background: #a9bec1;
}
#tasklist .news.users #task_time thead th, #tasklist .news.users #task_time td,#tasklist .news.orders #task_time thead td,#tasklist .news.orders #task_time td{
    border-right: 1px solid #d6e3e8;
    padding: 5px;
    font-size:9px;
}
#tasklist .news.users #task_time td span{
    font-size:9px;
    display: block;
    width: 100px;
    overflow: hidden;
}
#tasklist .news.users #task_time td,#tasklist .news.orders #task_time td{
    border-bottom: 1px solid #d6e3e8;
}
.task_time{
	padding:5px;
}
.task_time table{
	border-top: 1px solid #D6E3E8;
        border-left: 1px solid #D6E3E8;
        
}
.task_time table td{
	border-bottom: 1px solid #D6E3E8;
        border-right: 1px solid #D6E3E8;
	padding:5px;
        font-size:9px;
        }
#firm_group label,#firm_group .fields_items span{
    margin-left: 5px;
}
#firm_group .fields_items{
    background:#EBF1F3;
}
.error_form{
	border: 2px solid #1BB8F3;
}
/*tasks in direction*/
.timemessage,
.timemessage0,
.timemessage1{
    border: 1px solid #D6E3E8;
    padding: 5px;
    margin: 5px;
}
.timemessage:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.timemessage1{
    background: #E0FFFF !important
}
.timemessagefinished,
.timemessagefinished td{
    background: #8CDD81 !important
}
.timesubmessage{
    padding: 5px;
    font-size: 10px;
    width: 80%;
    float: right;
    border: 1px solid #D6E3E8;
    margin-bottom: 5px;
}
.events .event input[type=button]{
    background: #1BB8F3;
    border: none;
    color: #FFF;
    font-size: 9px;
    font-weight: bold;
    cursor: pointer;
}
/* -------------------------------------------------------------search in katalog*/
.search_material{
    background: #EBF1F3;
    color: #1A3F47;
    margin-bottom: 5px;
    padding: 7px;
    width: 256px;
}
.search_material input[type=text]{ 
    border:1px solid #D6E3E8;
    height: 21px;
}
.search_material input[type=submit]{
    background: none repeat scroll 0 0 #1BB8F3;
    border: 1px solid #609697;
    color: #FFFFFF;
    height: 22px;
    text-align: center;
    width: 90px;
} 
/*  add sergey end*/

.search_ico_bluebutton{
	background-color: #1BB8F3;
    background-image: url("../images/search.png");
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 30px;    
    width: 30px;
}
.valign_top{
	vertiFal-align:top;
}

/*---------------------------PREPARE REPORT-------------------*/
/*mit avatar*/
.reportprepare_avatar{
	text-align:center;
}
.reportprepare_avatar p{
	background-color:#FFF;
}
/*general info*/
.reportprepare_general{
	margin:0px 0px 0px 14px;
	padding:5px;
	background-color:#FFF;
}
.reportprepare_general label{
	display: inline-block;
    font-size: 10px;
    font-weight: bold;
    width: 50%;
}
.day_wrapper{
    padding: 5px;
}
.day input[type=checkbox]{
    margin-right: 5px;
}
/*directionlist*/
.reportprepare_directionlist{
	padding:5px 10px;
	background-color:#FFF;
	margin:10px 0px;
}
.reportprepare_directionlist h3,
.day h3,
#report h3{
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	margin:5px 0px;
}
.reportprepare_directionlist div{
	margin:5px 0px;
}
.reportprepare_directionlist p{
	font-size:12px;
	line-height:15px;
}
.reportprepare_directionlist p.details{
	font-size:9px;
	text-align:right;
}
/*pagination*/
.reportmitpagenav{
	list-style-type:none;
	text-align:right;
        margin:0px 0px 10px 0px;
        background-color: #A9BEC1;
}
.reportmitpagenav li{
	display:inline-block;
	background:none;
	padding:5px 4px;
	margin: 0px 10px;
	cursor:pointer;
}
.reportmitpagenav  li.current,
.reportmitpagenav  li:hover{
	background: #1BB8F3;
}
/*-------------------------------------------TASKTIME--------------------*/
#task_list{
    width: 20%;
    float: left;
    min-height:1px;
    max-height: 750px;
    overflow-y: scroll;
}
#task_list .task{
    background: #FFF;
    margin: 5px 5px 0px 0px;
}
#task_list .directed{
    background: #87CEFA;
}
#task_list .task .task_data{
    padding: 5px;
}
#task_list .task .task_title{
    font-size: 12px;
    background-color: #87CEFA;
    padding: 5px;
    color: #FFF;
}
#task_list .directed .task_title{
    background-color: #1BB8F3;
}
#task_list .task .task_title:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#task_list .task .task_date{
    text-align: right;
    font-size: 10px;
}
/*tasktimelist by days*/
.day{
     /* padding:5px 10px; */
	background-color:#FFF;
	margin:10px 0px;	
        font-size: 11px;
}
.day.editing{
    background-color:#ffff66; 
}
.day.error{
    border: 0px !important;
    background-color:#ff9999; 
    color: #000; 
}
.day .report-table thead th,
.day .report-table thead th span,
.day .report-table td span{
    font-size: 10px;
}
.match{
	background-color:lightblue; 
}
.match{
	background-color:lightblue; 
}
.report-table{
	margin:25px 0px;
	line-height:14px;
	vertical-align:top;
}
.report-table thead{
	background:none;
	color:#000;
	text-align:left;
}
.report-table thead th{
	border-bottom:1px solid #1BB8F3;
	font-weight:bold;
}
.report-table td{
	font-size:10px;
        vertical-align: top;
        padding: 2px;
}
/*report view*/
#report .pin{
	padding:5px;
	width:45%;
}
#report  textarea{
	margin: 10px;
}
#report .delete {
    background-image: url("../images/delete.png");
    background-position: center;
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    display: inline-block;
    border:none;
    cursor:pointer;
}
.day .title_slide .delete{
    background-image: url("../images/delete.png");
    background-position: center right;
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    display: inline-block;
    border:none;
    cursor:pointer;
    float:right;
    margin: -4px -5px 0px 0px;
}
.day .title_slide .restore{    
    width:auto;
    height: 24px;
    display: inline-block;
    border:none;
    cursor:pointer;
    float:right;
    background-color: #1BB8F3;
    padding: 0px 5px;
    margin: -4px;
    line-height: 24px;
}
/*---------------------ORDER PHOTO--------------*/
#photolist div.item{
    margin:4px 0px;
    text-align: center;
    height: 200px;    
}
#photolist div.item a.lightbox{
    height: 160px;
    overflow: hidden;
    display: block;
}
#photolist:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*refresh icon*/
.ordertab .refresh {
    background-image: url("../images/refresh.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1BB8F3;
    width:24px;
    height: 24px;
    display: inline-block;
    border:none;
    cursor:pointer;
}
/*---------------------------RECHNUNG LIST-------------------*/
img.sortico:hover{
	cursor:pointer;
}
.pricespan{
	width:120%;
	background:yellow;
	color:#000;
	margin:0px -15px !important;
	display:inline-block;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
.search_ico{
	background-color: #1BB8F3;
	background-image:url("../images/search.png");
	background-repeat:no-repeat;
	background-position:center;
	border:1px solid #FFF;
	width:20px;
	height:20px;
        cursor: pointer;
}
.edit_ico{
	background-color: #1BB8F3;
	background-image: url("../images/edit.png");
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
	height:21px;
	width:21px;
	border:none;
        display: block;
}
.add_ico{
    background-color: #1BB8F3;
    background-image: url("../images/add.png");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height:21px;
    width:21px;
    border:none;   
    display: block;
}
.refresh{
    background-image: url('../images/refresh_task.png');
    width: 35px;
    height: 35px;
    /*margin: 0 10px 0 3px;*/
    border: 0px;
}

.cancelled td{
    background-color: #FF6B6B;
}

/*---------------------------MITARBEITER DESKTOP----------------*/
#mit_desktop .news{
    background: none repeat scroll 0 0 #EBF1F3;
 }
#mit_desktop .news table td{
     border-bottom: 1px solid #1BB8F3;
 }
 /*-----------------TIMESHEET--------------*/
form[name=timesheet_prepare] input,
form[name=timesheet_prepare] textarea{
     font-size: 10px;
 }
form[name=timesheet_prepare] label{     
     color: #4F717B;
     font-size: 10px;
     margin: 0px 5px 0px 0px;
 }
 span[name=date_send]{
     font-size:7px;
 }
.list-table a{
    color: #33617A;
    font-size: 11px;
}
#orderFilter a{
    font-size: 9px;
}
.sortico_container{
    width: 16px;
}
#timesheet table tr th{
    line-height: 32px;
}
/*edit timesheet*/
#timesheet_edit label{
    color: #4F717B;
    margin: 0px 5px 0px 0px;
    display: inline-block;
    width: 200px;
}
.match,
.match td{
    background-color: lightcoral;
}
.used,
.used td{
    background-color: lightblue;
}
.bg_lightgreen, 
.bg_lightgreen td{
    background-color: lightgreen;
}
.loading{    
    /*background-image: url("/components/com_blumbardo/images/loading.gif");*/   
    background-image: url("../images/loading1.gif");
    width: 30px;
    height: 30px;
    /*display: none;*/
    display: block;
}

/*ANGEBOT POSLIST*/
.poslist_artikel_wrapper,
.poslist_description_wrapper{
    /*width: 80px;*/
    word-break: break-all;
}
/**/
.new_groups{
    background-color:#EBF1F3;
}
.new_groups:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*INCOME INVOICE*/
#contragent input{
    width: 90%;
    margin: 0px;
    padding: 0px;
}
#contragent label{
    margin: 0px;
    width: auto;
    text-align: left;
}
#block_left{
	width: 48%;
	float:left;
	height:200px;
	background-color: rgba(255, 255, 255, 0.2);
	color:#fff;
}
#block_right{
	width: 48%;
	float:right;
	height:200px;
	background-color: rgba(255, 255, 255, 0.2);
	color:#fff;
}
#block_left a,#block_right a{
	color:#fff;
	padding:30px 30px 5px 30px;;
	float:left;
        width:100%;
        font-size:18px;
}
#block_right a{
	width:100%;
}
#menu_list{
	width:100%;
	float:left;
	margin-top:25px;
}
#menu_list .menu_items{
	width: 80px;
	float:left;
	height:35px;
	background-color: rgba(255, 255, 255, 0.2);
	margin:10px;
	text-align:center;
	padding:20px 5px;
}
#menu_list .menu_items a{
	color:#fff;
        font-size:14px;
        display: block;
        height: 100%;
        width: 100%;
}
.fieldset{
    background-color: rgba(255, 255, 255, 0.2);
    border: 0 none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
    margin: 0 0 15px;
    position: relative;
    width: 205px;
}
#mit_desktop_right legend{
     background-color: rgba(255, 255, 255, 0.3);
    color: #0a343d;
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    text-transform: uppercase;
    width: 190px;
}
#mit_desktop_right a{
    width:100%;
    margin-left:15px;
    height:30px;
    line-height:30px;
    font-size:14px;
    float:left;
}
#report table.report-table select {
    border: 1px solid #ccc;
    font-size: 9px;
    height: 17px;
    width: 100%;
}

*{
    font-weight:normal !important;
}