/****************************************
* Colors
* peri trio rot: #dd0032;
* peri maximo rot : #aa0f2d;
* peri 65% black (ral 7005): #6d7270;
* peri 50% black: #999a9f;
*
*****************************************/

.fa {
  display: inline-block;
  /*font-family: FontAwesome;*/
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-check {    
  
}


/**************
*Elements     *
**************/
html,body{
    height: 100%; /*Keeps the footer down*/
}

body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #444;
}

a.nolinkcolor {
    color: #444;
}

.headline {
    font-size: 3.0em;
}

h1{
    font-size: 2.5em;
    margin-bottom: 35px;
    font-weight: bold;
}

h2{
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 30px;
}
h2.failed {
    background-color: #dd0032;
    padding: 10px;
}

h3{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 2.5%;
}

h4 {
    font-size: 1.2em;
    color: #9d9d9d;
    font-weight: normal;
    padding: 0;
    margin-bottom: 4px;
}

p{
    margin-bottom: 15px;
    line-height:1.4em;
}

p.welcome-text {
    font-size: 1.3em;
    color: #888;
    line-height: 1.5em;
}

a, .link {
    color: #7d7d7d;
    text-decoration: none;
}

a:hover, .link:hover {
    color: #dd0032;
}

hr {
    height:   5px;
    color: #efefef;
    background-color: #efefef;
    border: 0;
    margin: 0;
    margin-bottom: 38px;
}

.centered-text {
    text-align: center;
}
.right-aligned-text {
    text-align: right;
}

.small-font {
    font-size: 0.8em;
}

.pointer {
    cursor: pointer;
}


/************************/
/* Common stuff         */
/************************/

.grid-inner {
    padding: 0;
    width: 100%;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: left;
    margin: 0 3% 0 0;
}

.col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12:last-child {
     margin: 0;
 }

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
    margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }


.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/**************
*Common stuff *
**************/
.red{
    color: #dd0032;
}
.white {
    color: #fff;
}
.light-red {
    color: #ff194d;
}

.darkgrey {
    color: #888;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.hidden {
    display:none;
}

.invisible {
    visibility: hidden;
}

.underline{
    text-decoration: underline;
}

.info-box-left-edit {
    float: left;
    width:345px;
    padding-right:32px;
}

.info-box-left {
    float: left;
    width:370px;
}

.image-box-right {
    float:right; 
    width: 350px; 
    margin-bottom:38px;
}

.block-element{
    display: block;
}

div.border-red{
    border-top: 2px solid #dd0032;
}

div.clear{
    clear: both;
}

.red-boxed-link{
    display: block;
    color: #ffffff;
    background-color: #dd0032;
    height: 33px;
    width: 84px;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
}

.red-boxed-link:hover{
    color: #ffffff;    
    text-decoration: none;
    background-color: #c90028;
}

.ghost-link{
    color: #7d7d7d;
    text-decoration: none;
}

.ghost-link:hover{
    color: #dd0032;
    cursor: pointer;
}

.ghost-link-active{
    color: #dd0032;
}

.white-link{
    color: #ffffff;
    text-decoration: underline;
}

a.white-link:hover{
    color: #dd0032;
}

input.button, button.button {
    color: #ffffff;
    border: 0;
    height: 36px;
    min-width: 160px;
    padding: 0 20px;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
}

input.button[disabled], button.button[disabled],input.button[disabled]:hover , button.button[disabled]:hover  {
    background-color: #bebebe;
    cursor: default;
}

input.red-button, button.red-button{
    background-color: #dd0032;
}

input.red-button:hover, button.red-button:hover {
    background-color: #c90028;
}

input.grey-button, button.grey-button {
    background-color: #7d7d7d;
}

input.grey-button:hover, button.grey-button:hover {
    background-color: #6d7270;
}

input.yellow-button, button.yellow-button{
    background-color: #ffc400;
    outline:0;
}

input.yellow-button:hover, button.yellow-button:hover {
    background-color: #ffc400;
}
input.yellow-button:active, button.yellow-button:active {
    background-color: #ffd340;
}

.grey {
    color: #aaa;
}

.expose {
    margin: 70px 0;
}

.filter-bar {
    height:29px;
    text-align: right;
    margin-bottom: 15px;
}
.filter-bar img {
    display: block;
    float: right;
    padding-left: 4px;
}

.pointer {
    cursor: pointer;
}

.flag {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.no-margin {
    margin: 0 !important;
}

/***************************
*Wrapper                   *
*This keeps the footer down*
***************************/

div.container {
    min-height:100%;
    position:relative;    
    padding-bottom: 42px;
}

div.content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 44px;   /* Height of the footer element */
}

.centered {
    max-width: 1920px;
    margin: 0 auto;
}


/********
*Login  *
********/
div.login-wrapper{
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #444;
}

div.login-container{
    height: 600px;
    width: 600px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div.login-content{
    color: #ffffff;
    background: rgba(68, 68, 68); /* Fallback */
    background-color: rgba(68, 68, 68, 0.9);
    padding: 20px;    
}
.ie8 div.login-content{
    background-color: #444;
}

input.login-input{
    border: 0;
    width:66%;
    color: #858585;
    height: 36px;
    font-size: 1.2em;
    padding-left: 10px    
}



/********      
*Header *
********/

div.header{
    width: 100%;
    height: 35px;
    background-color: #444444;
}

div.header-content{
    float: right;
}

.header-user-picture{
    height: 33px;
    float: left;
    padding-right: 8px;
}

.header-user-data{
    float: left;
    color: #ffffff;
    padding-top: 7px;
    padding-right: 22px;
    
}

/******
*Menu *
******/
.menu{
    margin-top: 18px;
    width: 20%;
    max-width: 250px;
    margin-right: 18px;
}

.logo{
    height: 146px;
}

.menu-link{
    padding-bottom: 14px;
    font-size: 1.4em;    
}

.menu-part{
    margin-top: 24px;
}

.menu-help{
    margin-top: 60px;
}

.sub-menu{
    margin-top: 10px;
    display: none;
}

.sub-menu-active{
    display: block;
}

.sub-menu-link{
    padding-left: 10px;
    font-size: 0.8em;
    padding-bottom: 15px;
}

.sub-sub-menu{
    display: none;
}

.sub-sub-menu-active{
    display: block;
}

.sub-sub-menu-link{
    padding-left: 20px;
    font-size: 0.8em;
    margin-top: 5px;
    margin-bottom: 5px;    
}

.sub-sub-menu-category-empty{
    color: #c3c3c3;
}

/* level 4 */
.sub-sub-sub-menu {
    display: none;
}

.sub-sub-sub-menu-active {
    display: block;
}

.sub-sub-sub-menu-link {
    padding-left: 25px;
    font-size: 0.8em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sub-sub-sub-menu-category-empty {
    color: #c3c3c3;
}


/******************
*Claim and search *
******************/
div.claim{
    width: 50%;
    padding-top: 10px;
    height: 134px;    
}

div.search-claim{
    width: 50%;
    padding-top: 14px;    
    height: 134px;
}

input.search-input{
    border-bottom: 1px solid #7d7d7d;
    border-top: 0px;
    border-left: none;
    border-right: 0;
    width:94%;
    color: #858585;
    height: 36px;
    font-size: 1.6em;
    padding-left: 10px
}
input.search-input:focus {
    outline: 0;
    border-bottom: 1px solid #dd0032;
}
/*********************
*Content             *
**********************/
div.content{
    margin-top: 18px;
    width: 80%;
}


/***************
* standard table
************/
table th, table td {
    padding: 2px 10px 2px 0;
}

table { 
    border-spacing: 0;
    margin-bottom: 30px;
}

table.fixed-information tr td {
    min-width:100px;
}

/****************
*list Table *
****************/
table.list-table {
    width: 100%;
}

table.list-table th, table.list-table td{ 
    text-align: left;
    padding: 12px 8px;
    border-bottom: 1px #ddd solid;
}
table.list-table th:hover {
    background-color: #e0e0e0;
    cursor: pointer;
}
table.list-table th.nolink:hover {
    background-color: #e7e7e7;
    cursor: auto;
}
table.list-table td.with-input:hover {
    background-color: #fff;
    cursor: auto;
}

table.list-table th.no-border-padding, table.list-table td.no-border-padding {
    padding: 12px 8px 12px 0;
}

table.list-table th{
    background-color: #e7e7e7;
    color: #909090;
    vertical-align: middle;   
    height: 38px;    
}

table.list-table td{
    vertical-align: middle;
}

table.list-table td.strong{
    font-weight: bold;
}

table.list-table tr.linked-row{
    cursor: pointer;
}

table.list-table tr.linked-row:hover{
    background-color:#f2f2f2;    
}

table.list-table tr.linked-row:hover td{
    color: #dd0032;
}

table.list-table td.linked-cell:hover{
    background-color:#e2e2e2;    
}

table.list-table tr.topOfTOPList {
    background-color:#bae7ba;
}
table.list-table tr.topOfTOPList:hover {
    background-color:#aae7aa;
}


table tr.no-td-border td {
    border: 0;
}

/******
*Grid *
******/
div.grid-one-of-three{
    width: 222px;
}
div.grid-one-of-two{
    width: 343px;
}

.margin-right{
    margin-right: 30px;
}

.margin-right-half {
    margin-right: 15px;
}

.margin-left-half{
    margin-left: 15px;
}

.margin-bottom{
    margin-bottom: 30px;
}

.margin-top-double {
    margin-top: 60px;
}
.margin-top {
    margin-top: 30px;
}
.margin-top-half {
    margin-top: 15px;
}

.margin-bottom-half{
    margin-bottom: 15px;
}

.margin-bottom-fourth{
    margin-bottom: 7px;
}

.padding-default {
    padding: 10px;
}

/********
*Footer *
********/
div.footer{
    height: 44px;
    width: 100%;
    position: absolute;
    bottom: 0;    
}

div.bright-footer{
    background-color: #b2b2b2;
    height: 10px;
    padding-top: 10px;
}

div.dark-footer{
    background-color: #444444;
    height: 34px;
    padding-top: 9px;
}

a.footer-link{
    margin-right: 25px;
    text-decoration: none;
}

div.more-products-container{
    background-color: #e9e9e9;
    
}

div.more-products{
    width: 726px;
    margin-left: 264px;
    padding: 60px 0;
}

/************
* Form      *
************/

textarea, input[type=text],input[type=email],input[type=password] {
    padding: 7px 8px 6px 8px;
    border: 3px solid #f5f5f5;    
    font-size: 1.1em;
    margin: 10px 0;
    color: #444;
}

textarea:disabled, input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled {
    background-color: #ddd;
}

textarea:focus, input[type=text]:focus,input[type=email]:focus,input[type=password]:focus {
    outline: 0;
    border: 3px solid #999a9f;
}

/* Mozilla and IE don't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
input:-ms-input-placeholder { color:#a9a9a9; }
textarea:-ms-input-placeholder { color:#a9a9a9; }


/* prevent  sfari from rendering rounded corners */
input[type=submit], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.filter-bg {
    background-color: #f2f2f2;
}

.filter-table {
    width: 100%;
}

.filter-table td {
    width: 25%;
    margin-bottom: 0;
    padding: 2px 10px 2px 0;
}
.filter-table td:last-child {
    padding: 2px 0 2px 0;
}

.filter-selected {
    background-color: #d7d7d7;
}

.filter-select-container {
    height: 200px;
}

.filter-select {
    overflow: auto;
    height: 100%;
    font-size: 1.1em;
    border: 2px solid #999a9f;
    text-overflow: ellipsis;
}
.filter-select div {
    cursor: pointer;
    padding: 2px 2px 2px 3px;
}
.filter-select div:hover {
    cursor: pointer;
    background-color: #e5e5e5;
}

.styled-select select {
   background: transparent;
   width: 250px;
   height: 29px;
   padding: 5px;   
   margin-left: -2px;
   font-size: 1.1em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
}
.styled-select {
   width: 250px;
   height: 29px;
   margin: 10px 0;
   overflow: hidden;
   font-size: 1.1em;
   border: 2px solid #999a9f;
   text-overflow: ellipsis;
}
.styled-select-small {
    width: 236px;
}

input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:24px;
	height:19px; 
	display:inline-block;
	line-height:19px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:19px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -19px;
}

.long-input{
    width: 65%;
}

.radio-input-headline {
    font-size: 0.8em;
    color: #6d7270;
    font-weight: bold;
    margin-bottom: 5px;
}

input[type=radio] + label {
    margin-right: 20px;
    margin-left: 5px;
}

label.css-label {
	background-image:url(/img/icons/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* keep this below the input fields */
.placeholder {
    color:#aaa !important;
}


.autocomplete-suggestions { 
    background-color: #fff;
    position:absolute; 
    top:0px; 
    left:0px; 
    margin:6px 0 0 6px;
    /* IE6 fix: */ 
    _background:none; 
    _margin:1px 0 0 0; 
} 
.autocomplete-suggestion { 
    border-bottom:1px solid #999; 
    border-left:1px solid #999; 
    border-right:1px solid #999; 
    background:#FFF;
    cursor: pointer;
    text-align:left; 
    padding:5px;
    font-size: 1.1em;
    max-height:350px; 
    overflow:auto; 
    margin:-6px 6px 6px -6px; 
    /* IE6 specific: */ 
    _height:350px;  
    _margin:0; 
    _overflow-x:hidden; 
} 
.autocomplete-suggestion.autocomplete-selected {
    background-color:#f0f0f0;  
} 
.autocomplete-suggestion div { 
    padding:2px 5px; 
    white-space:nowrap; 
    overflow:hidden; 
} 
.autocomplete-suggestion strong { 
    font-weight:normal; 
    color:#3399FF; 
} 

/**************
* Pageination *
***************/

.pagination {
    
}
.pagination div {
    float:left;
    width:30px;
    height:30px;
    margin: 5px 5px;

    text-align: center;
    line-height: 30px;
    
    background-color: #efefef;
    border: 1px solid #d7d7d7;
}
.pagination div a {
    display: block;
}
.pagination div:hover {
    background-color: #afafaf;
    cursor:pointer;
}
.pagination div a:hover {
    color: #efefef;
}
.pagination .pagination-current {
    background-color: #cfcfcf;
}
.pagination div.pagination-separator {
    background-color: transparent;
    border: none;
    cursor: default
}

/*************
*Conversation*
*************/
.article-abstract{
    margin-bottom: 30px;
    padding: 0;
    padding-left: 30px;
    width:208px;
    float: left;
}

.message{
    padding: 35px 0px 35px 0px;    
    border-bottom: 2px solid #e7e7e7;
}

.message-last{
    border-bottom: 0px;
}

.message-new{
    display: none;
}

.message-picture{
    width: 6%;
    float: left;
}

.message-content{
    padding: 0;
    float: left;
    width: 100%;    
}

.message-author{
    margin-bottom: 20px;
    float: left;
    width: 60%;
}

.message-senttime{
    margin-bottom: 20px;
    float: left;
    text-align: right;
    color: #6d7270;
    width: 40%;
}

.message-reply-form-left{
    width: 518px;
    float:left;
}

.message-reply-field{
    margin-bottom: 25px;    
    border: 10px solid #ffc400;
}

.message-reply-field textarea{
    width: 100%;
    border: 0px;
    margin: 0px;
}

.message-reply-field textarea.conversation-textarea{
    height: 259px;
}

.message-reply-field textarea.comment-textarea{
    height: 159px;
}

.message-reply-field textarea.post-textarea{
    height: 159px;
}

.message-send-button{    
    float:right;
}

.message-text {
    line-height: 1.5em;
    word-wrap: break-word;
}

.comment-delete{
    margin-top: 15px;
}

.orange-background {
    background-color: #ffc400;
}

.red-background {
    background-color: #dd0032;
}
.yellow-background {
    background-color: #F5E982;
}


/************
*Misc stuff *
************/
img.add-icon{
    padding-right: 8px;
    vertical-align: middle;
}

.filters{    
    padding-bottom: 15px;
}

.active-filter{
    font-weight: bold;
}

.growing-textarea{
    overflow: hidden;
}

.linked-icon {
    width:35px; 
    opacity:0.4;
    cursor: pointer;
    margin-left: 8px;
}

.linked-icon-activated {
    opacity:0.7;
}

.linked-icon:hover {
    opacity:0.8;
}

.user-online-box {
    width: 310px;
    height: 60px;
}

/************
*Messages   *
************/

.standard-element-margin {
    margin: 0;
    margin-bottom: 38px;
}

.message-box {
    margin-top: 10px;
    margin-bottom: 30px;
    min-height: 36px;
    /*position: relative;*/
    padding: 10px;
}
.info-box {
    color: #00529B;
    background-color: #BDE5F8;
}
.success-box {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning-box {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error-box {
    color: #D8000C;
    background-color: #FFBABA;
}
.message-box-text {
    width: 100%;
    padding: 10px;
}
.message-box-text span {
    height: 24px;
    line-height: 24px;
    vertical-align: bottom;
}
.message-box-text img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}


/***************************
 * Floating Label for Forms
 ***************************/

.jvFloat {
	position: relative;
    display:inline-block;
    width: 100%;
	margin-top: 0.3em;
}

.jvFloat .placeHolder.required {
	color: red;
}

.jvFloat .placeHolder {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	color: #6d7270;
	font-size: .8em;
	font-weight: bold;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 150ms, opacity 100ms, visibility 100ms;
	transition: transform 150ms, opacity 100ms, visibility 100ms;
	opacity: 0;
	visibility: hidden;
}
.jvFloat .placeHolder.textarea.active {

}

.jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	-webkit-transform: translate(0, -0.3em);
	-moz-transform: translate(0, -0.3em);
	-o-transform: translate(0, -0.3m);
	-ms-transform: translate(0, -0.3em);
	transform: translate(0, -0.3em);
	-webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
	transition: transform 100ms, opacity 120ms, visibility 120ms;
	opacity: 1;
}

/* Legacy browser. PERI mostly uses IE9, so this is quite important */
.ie-lt10 .jvFloat .placeHolder {
	position: absolute;
    top: -1px;
    left: 0;
    width: auto;
    color: #6d7270;
    font-size: .8em;
    font-weight: bold;
	opacity: 0;
	visibility: hidden;
}
.ie-lt10 .jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	opacity: 1;
}
/* End Legacy */

/************
* Login page *
************/
img#loginLogo {
    padding:8px; 
    background-color: white;
}

/******************
 * Tabs           *
 ******************/

.tab-container {
    height: 37px;
    background-color: #fff;
    border-bottom: 2px solid #dd0032;
}

.tab {
    float:left;
    height: 35px;
    padding: 5px 20px;
    margin: 0 5px 0 0;
    color: #fff;
    background-color: #c5c5c5;
    cursor: pointer;
}

.tab:hover {
    background-color: #c90028;
}

.tab .tab-label {
    line-height: 25px; /*same as .tab height minus padding*/
}
.tab-selected {
    background-color: #dd0032;
}

.tab-loader {
    display: none;
    width: 50px;
    height: 35px;
    background: url('/img/icons/ajax-loader.gif') no-repeat center center;
}


/******************
* Requests reply  *
******************/
.request-reject-reply-field {
    border: 10px solid #ffc400;
}
.request-reject-reply-field textarea {
    width: 100%;
    border: 0;
    margin: 0;
}
.request-reject-reply-field textarea.comment-textarea {
    height: 50px;
}
.reject-response-hidden-row {
    display: none;
}

/******************
* Import page *
******************/
.upload-box {
    
}

.upload-in-progress {
    display: none;
}

.upload-specification {
    margin-top: 40px;
}
.upload-specification ul {
    list-style: disc;
    margin-left: 20px;
}
.upload-specification ol {
    margin-left: 30px;
}


/************
* Image previews and fancybox *
************/

.UploadContainer {
    width: 380px;
}

.ThumbsContainer {
    border: 3px dashed #ddd;
    padding: 20px 0 0 20px;
    background-color: #efefef;
    min-height: 374px;
}


.thumbnail_padding {
    margin-right: 5px;
    margin-bottom: 5px;
 }
 
 .thumbnail_default_height {
     max-height: 170px;
 }

.thumbnailDiv{
    float: left;  
    margin-right: 7px; 
    margin-bottom: 10px;
    position: relative; 
}

.thumbnail{
    width: 162px;
    height: 162px;
}

.thumbnail_border {
    cursor:pointer;
    width: 156px;
    height: 156px;
    margin-right: 12px;
    margin-bottom: 6px;
    padding: 0;
}

.thumbnail_border:hover {
    margin-left: -6px;
    margin-top: -6px;
    margin-right: 0;
    margin-bottom: 0;
    border: 3px solid #bbb;
    padding: 3px;
    width: 174px;
    height: 168px;

}
.fotoDeleteIcon{
    position: absolute; 
    cursor:pointer; 
    border:0px; 
    margin-left: 145px; 
    margin-top: -10px;  
    width: 22px;
    opacity: 0.8;
    z-index: 1000;
}

.fotoDeleteIcon:hover{
    width:24px;
    margin-left: 144px; 
    margin-top: -11px;  
}

body.dropHover {
    background-color:black;
}


/* modifications of the default fancybox style to make it look more PERI */
.fancybox-skin, .fancybox-title .child {
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.fancybox-title .child {
    /*background-color: #ffc400;*/
    background-color: #ccc;
    color: #000;
    text-shadow: none;
}

/**************
* shop view of an article
***************/

.article-box {
    padding: 0;
    width: 200px;
    height: 425px;
    float: left;
    position: relative;
    margin-right: 40px;
}

.article-box-big{
    height: 406px;
}

.article-box:not(:nth-child(3n+3)) {
    /*margin-right: 63px;*/
}
.article-box:nth-child(3n+3) {
    /*margin-right: 0;*/
}

.ribbons_img:hover {
    opacity: 0.75;
}

a .ribbon:hover + img, a .ribbon:hover + div {
    opacity: 0.75;   
}

.article-no-picture {
    width:200px;
    height:200px;
    background: #d7d7d7 url('/img/icons/cam.png') no-repeat center center;
}

.ribbons_overlay {
    position: relative;
    z-index: 1000;
}

.ribbons_overlay:hover + div {
    opacity: 0.75;
}

.ribbon{
    position: absolute; 
    right:0; 
    top:0; 
    height: 103px; 
    width: 103px;    
}

.ribbon-left {
    position: absolute;
    left:0;
    top:0;
    height: 103px;
    width: 103px;
}

.sold-ribbon{
    background: url('/img/icons/sold_ribbon.png'); 
}
.sold-ribbon-left{
    background: url('/img/icons/sold_ribbon_left.png');
}

.in-review-ribbon{
    background: url('/img/icons/in_review_ribbon.png'); 
}

.draft-ribbon{
    background: url('/img/icons/draft_ribbon.png');
}

.buy-type-icon {
    position: absolute;
    width: 48px;
    height: 48px;
    right:0;
    top:152px;
}

.accept-article:hover, .delete-rating:hover {
    color: #dd0032;
}

/*******************
* user edit        *
*******************/
.email-info-text{
    background-color: #ffffff;
}

.email-notification-picture{
    width: 24px;
    height: 24px;
}


/***************
*User Profile  *
****************/

.image-box-left {
    float:left; 
    width: 250px; 
    margin-bottom:38px;
}

.info-box-right {
    float: right;
    width: 443px;
    margin-bottom: 38px;
}

.rating-star {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.small-rating-star{
    width: 14px;
    height: 14px;
}

.rating-star-clickable {
    cursor: pointer;
}

.rating {
    margin-bottom: 60px;
}

.rating-box {
    padding:20px;
    background-color: #efefef;
    width: 270px;
    line-height: 1.4em;
}

/***************
* Mass search
****************/

.mass-search-subsidiary-row {
    background-color: #ffc400;
}

.mass-search-filter {
    text-align: right;
    padding-bottom: 10px;
    font-size: 1.2em;
}
.mass-search-filter select {
    font-size: 1.3em;
}

/***************
* Proposal
****************/

.proposal-filter {
    margin: 40px 0 0 0;
}

.proposal-save {
    float: right;
}

.proposal-input {
    max-width: 60px !important;
}

.proposal-button {
    min-width: 40px !important;
}

.proposal-row-red {
    background-color: #dd0032;
    color: #fff;
}
.proposal-row-red input[name=offer-all] {
    background-color: #9d0024;
}
.proposal-row-red input[name=offer-all]:hover {
    background-color: #c3002c;
}

.proposal-filter-pg {

}

.proposal-filter-single {

}

.proposal-checkmark {
    vertical-align: middle;
    margin-left: 10px;
}

/***************
* Imprint      *
****************/

.imprint a {
    color: #fff;
    text-decoration: underline;
}
.imprint a:visited {
    color: #c5c5c5;
    text-decoration: underline;
}

/**************
* Downloads   *
***************/

.downloads-title {
    margin: 36px 0 4px 0;
}

.downloads-entry {
    padding: 6px 0;
}
.downloads-entry:hover {

}

/**************
* Featheright *
***************/
#login-lightbox {
    width: 600px;
}
.login-lightbox-content {
    font-size: 1.2rem;
}

@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}