/* Communication centre */

.memb_commcentre .reply { background-image: url(/images/iE1yTI5VTgkMMr91fYWE014014.png); background-size: 15px 15px; }
.memb_commcentre .forward { background-image: url(/images/kd6HacOIXL6sMnlghHHF014014.png); background-size: 15px 15px; }
.memb_commcentre .archive { background-image: url(/images/o0I7iylEN3EcQDBTEtLI014014.png); background-size: 15px 15px; }
.memb_commcentre .trash { background-image: url(/images/Kb0Ha4hdTVnvXx1qXMYT014014.png); background-size: 15px 15px; }

.memb_commcentre .toolbar { background-color: #ffffff; padding: 20px 0px 20px 0px; height: 30px; }
.memb_commcentre .toolbar_inner { max-width: 1000px; margin: 0px auto 0px auto; }
.memb_commcentre .toolbar h1 { float: left; width: 25%; font-family: GothamBlack; text-transform: lowercase; font-variant: small-caps; font-size: 150%; }
.memb_commcentre .toolbar .search { float: left; width: 75%; box-sizing: border-box; padding: 0px 0px 0px 100px; text-align: right; }
.memb_commcentre .toolbar .search select { width: 35%; }
.memb_commcentre .toolbar .search input { width: 60%; padding-right: 30px; background-image: url(/images/yIPiciMVvyQN8uG9CxQf00i00i.png); background-repeat: no-repeat; background-position: right 5px center; }

.memb_commcentre .mainarea { max-width: 1000px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }

.memb_commcentre .messageactions { padding: 0px 0px 20px 0px; border-bottom: solid #7f7f7f 1px; }
.memb_commcentre .messageactions .newmessage { display: inline-block; border: solid #7f7f7f 1px; padding: 5px; font-family: GothamBold; }
.memb_commcentre .messageactions .bulkactions { float: right; width: 75%; box-sizing: border-box; padding: 0px 0px 0px 5px; }
.memb_commcentre .messageactions .bulkactions .actions { float: right; }
.memb_commcentre .messageactions.reply { background-image: none;  }
.memb_commcentre .messageactions.archive { background-image: none;  }
.memb_commcentre .messageactions.trash { background-image: none;  }
.memb_commcentre .reply .select { display: none; }

.memb_commcentre .view .bulkactions .actions, .memb_commcentre .reply .bulkactions .actions { float: left; width: 100%; }
.memb_commcentre .view .bulkactions #bulkflag { display: none; }
.memb_commcentre .view .options, .memb_commcentre .reply .options  { float: right;  }
.memb_commcentre .view .options li { float: left; font-size: 0px; width: 16px; height: 16px; cursor: pointer; padding: 10px 5px 0px 5px;  }

.memb_commcentre .view .hide {background-image: url(/images/O75dacaRRV5xYVY5VQTO018017.png); background-size: 14px 13px; background-position: 0px 39px; cursor:pointer; }
.memb_commcentre .view .hide .photo {min-height: 0px;}
.memb_commcentre .view .show {background-image: url(/images/BmnUE8kEjMALSj3Q0PAK00r00f.png);  background-size: 10px 5px; background-position: 0px 41px; cursor:pointer;}
.memb_commcentre .view .hide .message, .memb_commcentre .view .hide .subject, .memb_commcentre .view .hide .photo img { display: none; } 
.memb_commcentre .view .show .message, .memb_commcentre .view .show subject, .memb_commcentre .show .hide .photo img { display: block; } 
.memb_commcentre .view .select { display: none; }

.memb_commcentre .inbox .message .content { line-height: 30px; height: 60px; overflow: hidden  }
.memb_commcentre .inbox li:hover { background-color: #ffffff;}
.memb_commcentre .inbox li:hover .actions  { visibility: visible; margin-left: 115px; }

.memb_commcentre .inbox .actions .reply { background-image: url(/images/Z5QLQoFzcPSHfbAE8fH9014014.png); background-size: 15px 15px; }
.memb_commcentre .inbox .actions .archive { background-image: url(/images/jPmXAD8f7LFOiC8PFrjQ014014.png); background-size: 15px 15px; }
.memb_commcentre .inbox .actions .forward { background-image: url(/images/L9Kt9TAegZ2FH8XpNWQB014014.png); background-size: 15px 15px; }
.memb_commcentre .inbox .actions .trash { background-image: url(/images/NhcMFFy525zFxllJVtwa014014.png); background-size: 15px 15px; }


.memb_commcentre .folders { position: absolute; top: 190px; padding: 0px 30px 50px 0px; font-variant: small-caps; text-transform: lowercase; font-family: GothamBlack; font-size: 140%; box-sizing: border-box; min-width: 220px;  }
.memb_commcentre .folders li { border-bottom: solid #7f7f7f 1px; }
.memb_commcentre.new .folders, .memb_commcentre.reply .folders {top: 160px;}

.memb_commcentre .messages { float: right; width: 75%; padding: 0px 0px 50px 0px; min-height: 500px; background: none; }
.memb_commcentre .reply { float: left; width: 100%; }
.memb_commcentre .messages>li {clear:left; padding: 20px 0px 20px 30px; float: left; width: 100%; margin: 0px 0px 0px -25px; border-bottom: 1px solid #7f7f7f;}
.memb_commcentre .messages>li.unread { background-image: url(/images/JrG5tOiJ6j86kx9yO3QO00k00k.png); background-position: 5px 30px; }
.memb_commcentre .messages .select { padding: 0px; margin: 11px 0px 10px 0px; float:left; min-height: 15px;  }
.memb_commcentre .messages .photo { float: left; padding: 5px 10px 10px 0px; min-width: 80px; min-height: 80px; max-width: 80px; max-height: 80px;  }
.memb_commcentre .messages .date { float: right; padding: 15px 0px 0px 0px; color: #7f7f7f; font-family: WarnockProCaption; padding-right: 15px; }
.memb_commcentre .messages .name { font-family: GothamBlack; font-size: 150%; padding-top: 10px; }
.memb_commcentre .messages .subject { font-size: 150%; }
.memb_commcentre .messages .message { padding: 20px 0px 20px 0px; font-family: WarnockProCaption;  }
.memb_commcentre .messages .message .content { max-width: 460px; float:left;}

.memb_commcentre .messages .actions { visibility: hidden; padding: 10px 0px 0px 0px; clear: left;  }
.memb_commcentre .messages .actions li {display: inline-block; font-size: 0px; width: 16px; height: 16px; cursor: pointer; padding: 10px 5px 0px 5px; }

.memb_commcentre .messages .replied {  font-size: 0px; width: 16px; height: 16px; float:right; padding: 30px 120px 0px 0px; }
.memb_commcentre .messageform { float: right; width: 75%; }
.memb_commcentre .messageform .field { padding: 10px 0px 0px 0px; }
.memb_commcentre .messageform label { display: block; font-family: GothamBlack; text-transform: lowercase; font-variant: small-caps; font-size: 120%; }
.memb_commcentre .messageform input { width: 70%; height: 40px;  }
.memb_commcentre .messageform textarea { width: 100%; }
.memb_commcentre .messageform .buttons { padding: 20px 0px 20px 0px; text-align: right; }
.memb_commcentre .messageform .buttons li { display: inline-block; margin-left: 20px; }
.memb_commcentre .messageform .buttons .send { border: solid #7f7f7f 1px; padding: 3px 10px 3px 10px; font-family: GothamBlack; }
.memb_commcentre .messageform .attach { float: right; width: 25%; font-family: GothamBlack; padding: 15px 0px 0px 0px;}
.memb_commcentre .messageform .attach .image { width: 105px; height: 105px; background-size: cover; margin: 5px 0px 0px 0px;  }
.memb_commcentre .messageform .attach .close { float: right; background-color: #ffffff; margin: 25px 55px 0px 0px; width: 20px; height: 105px; padding:0px 0px 0px 10px; font-family: GothamBook; cursor:pointer; }
.memb_commcentre .messageform .tag-editor {  width: 70%; height: 40px;   }
.memb_commcentre .view .linesheet_attached, .memb_commcentre .view .attachment { float: right; padding: 0px 15px 0px 0px; vertical-align:top;  }
.memb_commcentre .view .linesheet_attached .attach {  width: 25%; font-family: GothamBlack; padding: 0px 0px 0px 0px; }
.memb_commcentre .view .linesheet_attached .attach .image { width: 105px; height: 105px; background-size: cover; margin: 0px 0px 10px 0px;  }
.memb_commcentre .view .linesheet_attached .close { display: none; }



.memb_commcentre .messageform .thread {border-top: 1px solid black; padding: 10px 0px 10px 0px; }

.memb_commcentre .messages .lookbook {float: right; background-color: #ffffff; padding: 5px 10px 5px 10px; clear:both; }

.memb_commcentre li a .toggle { display: inline-block; margin: 0px; min-width: 15px; text-align: center; }
 
.memb_commcentre.new .newmessage, .memb_commcentre.new .bulkactions, 
.memb_commcentre.reply .newmessage, .memb_commcentre.reply .bulkactions
{ display: none; }


@media (max-width: 1040px)
{
   .memb_commcentre .toolbar { padding-left: 20px; padding-right: 20px; }
   .memb_commcentre .mainarea { padding-left: 20px; padding-right: 20px; }
}


@media (max-width: 900px)
{
   .memb_commcentre .toolbar { height: auto; }
   .memb_commcentre .toolbar h1 { float: none; width: auto; }
   .memb_commcentre .toolbar .search { float: none; width: auto; padding: 10px 0px 0px 0px; text-align: left; }
   .memb_commcentre .folders { position: initial; clear: both; float: none; width: auto; padding: 0px; margin: 10px 0px 20px 0px;}
   .memb_commcentre .folders li { display: inline-block; border: none; padding: 0px 20px 0px 0px;  min-width: 100px; }
   .memb_commcentre .messages { float: none; width: auto; margin: 0px 0px 0px 20px; padding: 0px;}
   .memb_commcentre .messageactions { float: left;  width: 100%;   margin: 0px 0px 0px 0px;; }
   .memb_commcentre .messageactions .bulkactions {  float: left;  width: 100%;  }
   .memb_commcentre .messageactions.inbox .bulkactions { padding: 20px 0px 0px 5px; }
   .memb_commcentre .messageactions .bulkactions { padding: 20px 0px 0px 0px; float: left;  width: 100%;  }
   .memb_commcentre .messages>li.unread {  background-position: 6px 30px; }
   .memb_commcentre .messages .name { padding-left: 0px; font-size: 120%; }
   .memb_commcentre .messages .subject { padding-left: 20px; font-size: 120%;}
   .memb_commcentre .messages .message { padding-left: 20px; }
   .memb_commcentre .messages .photo { padding: 0px 10px 20px 10px; }
   .memb_commcentre .messages.view .photo { padding-left: 20px; }
   .memb_commcentre .messages li.unread .select { margin-top: 40px; }
  
   .memb_commcentre .messages.inbox .actions { display: none; }
   .memb_commcentre .messageform { float: none; width: 100%; }
   .memb_commcentre .messages>li .select { margin-left: -20px;  } 
   .memb_commcentre.view .toolbar .search,  .memb_commcentre.view .folders, .memb_commcentre .view .newmessage, .memb_commcentre .view .folders,
   .memb_commcentre.new .toolbar .search,  .memb_commcentre.new .folders, 
   .memb_commcentre.reply .toolbar .search,  .memb_commcentre.reply .folders
   { display: none; }
   .memb_commcentre.view .back, .memb_commcentre.new .back, .memb_commcentre.reply .back { display: block; }
   .memb_commcentre .back a  { text-decoration: underline;  }
   .memb_commcentre .view .bulkactions .actions #bulkflag { display: none; }
   .memb_commcentre .view .newmessage { display: none; }
   .memb_commcentre .view .folders { display: none; }
   .memb_commcentre label[for=selectall] { font-size: 0px; }
}

@media (max-width: 550px)
{
   .memb_commcentre .messages .name { max-width: 250px; }
   .memb_commcentre .messages.view .photo { padding: 0px 10px 10px 20px;}
   .memb_commcentre .messageactions.view .newmessage { display: none; }

   .memb_commcentre .messages .replied { padding: 0px 20px 0px 0px; }
}