/**
 * @brief AmadeusTCSStyle Theme main styles
 * @details Plugin / Theme Styles
 * @author JB Lebrun <jb.lebrun@ideogram-design.fr>
 * @version 1.0
 * @date Creation: Oct 2018
 * @date Modification: Oct 2018
 * @copyright 2018 Ideogram Design
 */

/* global */
* {padding:0; margin:0; font-family:calibri, arial, sans serif; box-sizing: border-box; color:#434343; font-size:13px;}
body {background:#eeeeee;}
p {padding: 2px 0;}
a {text-decoration:none; color:#1A61A9;}
ul {margin:0 0 0 28px; padding:0; list-style:url(img/bullet.gif);}
ol {margin:0px 12px; padding:0;}
li {margin:4px 4px;}
em, strong {color:inherit; font-size:inherit; font-family:inherit;}
td ul {margin:0 0 0 8px;}
blockquote {margin:8px 20px;}
input, textarea, select {color:#505050; border:none; padding:4px;}
option {padding:1px 2px; color:#505050;}
input, textarea {padding:2px 2px; color:#505050;}
textarea {resize:none;}
.radio {border:none; background: none;}
.inputs {width:200px;} select.inputs{width:205px;}
.linputs {width:400px;} select.linputs{width:405px;}
.sinputs {width:100px;} select.sinputs{width:105px;}
.vlinputs {width:100%;}
form {margin:0; font-size:0;}
.error {font-weight:bold; color:#CC3333;}
a.img {font-size:0;}
sup {font-size:9px;}

/* media popup */
.mediaPopupBkgd {position:fixed; left:0; top:0; background:#444444; opacity:0.90; filter:alpha(opacity=90); width:100%; z-index:10000;}
.mediaPopup {z-index:10001; padding:8px; background:none; position:fixed; top:0; left:0;}
.mediaPopup .closeButton {width:0; height:0; overflow:display; float:right; position:relative; top:-20px; left:-3px; cursor:pointer; font-size:0;}
/* .mediaPopup .mediaTitle {margin:4px 0 0; padding:2px 8px; text-align:center; color:#444444; font-weight:bold; background:white;} */
.mediaPopup .message {font-size:24px; color:white; text-align:center;}
/* .mediaPopup .listInput {text-align:center; height:150px;}
.mediaPopup .listInput input {background:#444444; font-size:24px; color:white; width:90%;}
.mediaPopup .listInput input.listed {z-index:10004;}*/
.mediaPopup .buttons {text-align:center;}
.mediaPopup .buttons .greenButton {display:inline-block; margin:8px; text-align:center; color:white; font-size:20px; padding:8px; background:#005eb8; min-width:100px;}
.mediaPopup .buttons .redButton {display:inline-block; margin:8px; text-align:center; color:white; font-size:20px; padding:8px; background:#ce0058; min-width:100px;}
.mediaPopup .buttons .greenButton:hover, .mediaPopup .buttons .redButton:hover{text-decoration:none; opacity:0.8; filter:alpha(opacity=80);}

/* frame */
.mainContent {width:970px; height: 970px; margin:0 auto; font-size:0;}

/* login */
.mainContent.login {background: url(../img/login/background.jpg) 0 0 no-repeat; padding:200px 0 0;}
.loginFrame {margin:auto; width:300px; border-radius:8px; padding:20px; background:white;}
.loginFrame .logo {width:113px; height:57px; overflow:display; margin:0 auto; position:relative; top:-67px;}
.loginFrame .title {color:#c7c7c7; text-transform:uppercase; text-align:center; font-size:18px; margin-top:16px;}
.loginFrame .input {font-size:0; margin:4px 0; border:solid 1px #C7C7C7; border-radius:4px;}
.loginFrame .input .icon {display:inline-block; width:24px; vertical-align:top; margin: 9px 0 9px 8px; border-right:solid 1px #C7c7c7;}
.loginFrame .input .field {display:inline-block; width:186px; vertical-align:top;}
.loginFrame .input .field input {padding:11px 6px; font-size:14px;}
.loginFrame .button {margin-top:16px; display:block; background:#005eb8; text-transform:uppercase; font-size:17px; color:white; text-align:center; padding:10px 0; border-radius:4px;}

/* message */
.message {max-width:600px; margin:200px auto 0; font-size:20px; text-align:center;}
.message .blue {color:#005eb8; font-weight:bold; font-size:20px;}

/* editor */
.toolBar {background:#9bcaec; margin-bottom:1px; height:40px; text-align:right; font-size:0;}
.toolBar .name {display:inline-block; color:white; font-size:20px; width:332px; text-align:left; color:#005eb8;}
.toolBar .button {display:inline-block; text-transform:uppercase; font-size:16px; line-height:20px; color:white; text-align:center; padding:10px 30px;}
.toolBar .button:hover {background:#9bcaeb !important;}
.toolBar .button.blue {background:#005eb8;}
.toolBar .button.lightBlue {background:#00a9e0;}
.toolBar .button.cherry {background:#CE0058; border-left:solid 1px white;}

.toolColumn {display:inline-block; width:270px; height:930px; background:url(../img/editor/bkgd.gif) 0 0 repeat-y; vertical-align:top;}
.toolColumn .block {background:url(../img/editor/arrow.png) 250px 10px no-repeat; border-bottom:solid 1px #eeeeee; min-height:40px;}
.toolColumn .block.header {height:187px;}
.toolColumn .block.introduction {height:100px;}
.toolColumn .block .title {color:white; font-size:20px; padding:4px 24px 4px 8px;}
.toolColumn .block .desc {color:white; font-size:12px; padding:0 24px 0 8px;}
.toolColumn .block .input {padding:8px; width:250px;}
.toolColumn .block .articles {padding:8px; height:570px; overflow:auto; width:250px;}
.toolColumn .block .articles .article {margin-bottom:8px;}
.toolColumn .block .articles .article .addButton {float:right; margin: 2px 0 0 8px;}
.toolColumn .block .articles .article .articleStatus {float:left; margin:5px 4px 0 0; font-size:1px; width:8px; height:8px; border-radius:4px; border:solid 1px white;}
.toolColumn .block .articles .article.disabled .articleStatus {background:#787875;}
.toolColumn .block .articles .article.public .articleStatus {background:#00a34e;}
.toolColumn .block .articles .article.internal .articleStatus {background:#f7a827;}
.toolColumn .block .articles .article.private .articleStatus {background:#ce0058;}
.toolColumn .block .articles .article .articleTitle {color:white; font-size:14px;}
.toolColumn .block .articles .article .articleDesc {color:white; font-style:italic;}

.newsletter {display:inline-block; width:700px; vertical-align:top;}
.newsletter .header {font-size:0;}
.newsletter .titleBar {padding: 8px 60px;}
.newsletter .titleBar.internal {background:#f7a827;}
.newsletter .titleBar.external {background:#00a9e0;}
.newsletter .titleBar input {font-size:16px; color:white; background:none;}
.newsletter .titleBar input::placeholder {color: white; opacity:0.75;}
.newsletter .titleBar input:-ms-input-placeholder {color: white; opacity:0.75;}
.newsletter .titleBar input::-ms-input-placeholder {color: white; opacity:0.75;}

.newsletter .introduction {background:#ebf4fb; padding:8px 20px 4px 60px; height:100px; font-size:0; overflow:hidden;}
.newsletter .introduction .pictureBox {display:inline-block; width:200px; height:80px; overflow:hidden; vertical-align:top; position:relative;}
.newsletter .introduction .pictureBox img {max-width:100%;}
.newsletter .introduction .pictureBox .buttons {position:absolute; height:0; overflow:visible; left:0; top: 52px;}

.newsletter .introduction .pictureBox .selectionBox {font-size:0;}
.newsletter .introduction .pictureBox .selectionBox input[name='picture'] {display:none;}
.newsletter .introduction .pictureBox .selectionBox .pictureLabel {display:inline-block; background:#005eb8; padding:20px; color:white; font-size:18px; line-height:17px; width:200px; text-align:center; cursor:pointer;}
.newsletter .introduction .pictureBox .selectionBox .pictureLabel .desc {font-size:12px; color:white; font-style:italic;}
.newsletter .introduction .pictureBox .selectionBox .pictureLabel:hover {background:#9bcaeb !important;}
#picture_filedesc {display:none;}

.newsletter .introduction .textBox {display:inline-block; width:420px; padding:0 0 0 12px; vertical-align:top;}
.newsletter .introduction .textBox textarea {height:87px; background:none;}
.newsletter .introduction .separator {height:1px; font-size:0;}

.newsletter .articlesDisplay {background:white; padding:8px 20px 4px; height:464px; overflow:auto;}
.newsletter .internalWarning {background:#f7a827; padding:8px 20px 8px 60px;}
.newsletter .internalWarning .text1 {font-size:15px; color:white; font-weight:bold;}
.newsletter .internalWarning .text2 {font-size:13px; color:white;}
.newsletter .internalWarning .text2 strong {color:white;}
.newsletter .externalSubscription {padding:9px 20px 9px 60px; color:#434343; font-size:13px; line-height:16px;}
.newsletter .externalSubscription a {color:#005eb8;}
.newsletter .footer {background:#434343; padding:20px;}

#AvailableArticles.articlesDisplay {display:none;}
.articlesDisplay {font-size:0;}
.articlesDisplay .article {font-size:0; margin-bottom:12px; clear:both;}
.articlesDisplay .article .status {display:inline-block; vertical-align:top; margin:6px 15px 0; font-size:1px; width:10px; height:10px; border-radius:5px;}
.articlesDisplay .article.disabled .status {background:#787875;}
.articlesDisplay .article.public .status {background:#00a34e;}
.articlesDisplay .article.internal .status {background:#f7a827;}
.articlesDisplay .article.private .status {background:#ce0058;}

.articlesDisplay .article .object {display:inline-block; width:600px;}
.articlesDisplay .article .object .actions {float:right; width:75px; margin-left:4px;}
.articlesDisplay .article .object .actions .buttons {margin-left:4px; font-size:0;}
.articlesDisplay .article .object .title {text-transform:uppercase; color:#00a9e0; font-size:18px; margin: 0 0 4px;}
.articlesDisplay .article .object .picture.left {float:left;}
.articlesDisplay .article .object .picture.right {float:right;}
.articlesDisplay .article .object a {color:#005eb8; font-weight:bold;}
.articlesDisplay .article .object .list.clear {clear:both;}