/*****
===== ELEMENTS STYLE ===
*****/
html {
    min-width: 1010px;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 12px;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    color: #999999;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* FORM ELEMENTS */
input[type=text],
input[type=password],
input:-webkit-autofill,
textarea {
    background: white;
    padding: 4px;
    outline: none;
    border: 1px solid #dfdfdf;
}

/*****
===== GENERICS CLASSES ===
*****/
.wrapper {
    margin: 0 auto;
}

.float-right {
    float: right;
}

.box-radius {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
}

#center-column > div.search, #center-column > div.profile, #center-column > div.profile-edit,
.item-page,
.box-shadow {
    -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.75);
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.75);
    background: white;
    border: 1px solid #d1d1d1;
}

.red {
    color: #be2222;
}

.readmore {
    display: block;
    width: 13px;
    height: 13px;
    background: url('img/icons/plus.png') no-repeat center center;
    overflow: hidden;
    text-indent: -9999px;
    float: right;
    margin-top: -20px;
}

#header .menu-drop-down {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    height: 35px;
    min-width: 180px;
}

#header .menu-drop-down.tapps-menu {
    right: 180px; /* @todo : pas bien. enlever position:aboslute */
    margin-right: 1px;
}

.menu-drop-down:hover h3 {
    background-image: url('img/icons/arrow-bottom.png');

}

.menu-drop-down h3 {
    font-weight: normal;
    margin: 0;
    padding: 0 30px;
    background: url('img/icons/arrow-right.png') no-repeat right center;
    cursor: pointer;
    line-height: 35px;
}

.menu-drop-down:hover ul {
    display: block;
    position: relative;
    z-index: 999;
}

.menu-drop-down ul {
    background: url('img/backgrounds/drop-down.png') repeat-x top;
    margin: 0;
    padding: 0;
    width: 100%;
    display: none;
}

.menu-drop-down ul li {
    margin: 0;
    padding: 0 5px;
    list-style-type: none;
    background: url('img/backgrounds/drop-down-item.png') repeat-x bottom;
    line-height: 36px;
}

.menu-drop-down ul li a {
    color: #cccccc;
    background: url('img/icons/arrow-right.png') no-repeat left center;
    padding-left: 12px;
    margin-left: 10px;
}
.menu-drop-down ul li span {
    color: #dbdbdb;
    background: none;
    padding-left: 8px;
}

.x-grid-cell {background-color: inherit;}
.combobox {}
.closable {position: relative;}
.closable-bar {cursor: pointer;}

.closable-bar.footer-bar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background: url('img/backgrounds/closable-bar-footer-opened.png') no-repeat center center;
}

.closable-bar.footer-bar.closed {
    background: url('img/backgrounds/closable-bar-footer-closed.png') no-repeat center center;
}

/*****
===== ICONS/BUTTONS ===
*****/
button.btn, button.btn-primary, button.validate, .btn-circle {
    background: none;
    border: none;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
}

button.btn, button.btn-primary, button.validate, .btn-submit {
    background: url('img/icons/submit.png') no-repeat top left;
    float: right;
    margin-right: -8px;
    border: none;
    outline: 0;
}

.btn-cancel {
    background: url('img/icons/cancel.png') no-repeat top left;
    float: left;
    margin-left: -8px;
}

/*****
===== HTML STRUCTURE ===
*****/

body.has-left-column #center-column {
    margin-left: 306px;
    margin-right: 25px;
}

/* HEADER */
body.tmedia, body.tuser, body.tpim, body.tcomposer, body.tstats, body.tcal {
    padding-top: 55px;
    background: #e9e9e9;
    padding-left: 24px;
}

body.tmedia #header, body.tuser #header, body.tpim #header, body.tcomposer #header, body.tstats #header, body.tcal #header {
    position: absolute;
}

#header {
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    border: none;
    z-index: 1000;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 12px;
}

#header p {
    margin: 0;
}

#header .wrapper {
    margin: 0 25px;
    position: relative;
    height: 100%;
}

#header .main-logo {
    width: 245px;
    text-align: center;
    height: 100%;
    vertical-align: middle;
}

#header .main-logo a {
    display: block;
    line-height: 55px;
}

#header .main-logo img {
    vertical-align: middle;
}

#header .tapps-menu ul {
    position: inherit;
}

/* BODY */
#main-wrapper {
    min-height: 350px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 12px;
}

/* FOOTER */
#footer {
    width: 100%;
    text-align: center;
}

#footer li {
    display: inline-block;
    margin: 10px;
    font-size: 15px;
}

/*****
===== ALL PAGES ===
*****/
.item-page {
    padding: 20px;
}

/* LOGIN PAGE */
body.offline > div#main-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 400px;
    width: 220px;
    padding: 10px 20px;
    background: #e9e9e9 url('img/backgrounds/login-box.png') repeat-x top center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.75);
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
    border: 1px solid #d1d1d1;
}

.login-arrow-right {
    width: 14px;
    height: 13px;
    background: url("img/icons/arrow-right.png");
    display: inline-block;
}

body.offline.content > div#main-container {
    height: 340px;
}

body.offline.users.reset > div#main-container {
    height: 320px;
}

body.offline.users.remind > div#main-container {
    height: 320px;
}

body.offline.users.login > div#main-container {
    height: 375px;
}

body.offline .item-page {
    padding: 0;
    border: none;
}

body.users span.add-on, body.offline span.add-on {
    display: block
}

body.offline input[type=text], body.offline input[type=password] {
    width: 94%; /* +2*4px padding => 200px */
}

body.users .login-description {
    text-align: center;
    margin-bottom: 10px;
}

body.users .form-actions {
    /*height: 40px;*/
}

body.users ul.nav-tabs, body.offline ul.unstyled {
    padding-top: 10px;
}

body.users ul.nav-tabs li, body.offline ul.unstyled li {
    list-style-type: none;
    border-top: 1px solid #d7d7d7;
    line-height: 30px;
}

body.offline form > fieldset > div.controls {
    direction: rtl;
}

body.offline form div.controls button {
    float: none
}

body.offline .moduletable.lang-menu{
    text-align: right;
    width: 100%;
}
body.thome .moduletable.lang-menu, body.home .moduletable.lang-menu{
    position: absolute;
    right: 0;
    margin-right: 375px;
    bottom: 0;
    height: 25px;
}

/* THOME PAGE */
body.thome img.vegas-background {
    opacity: 0.8; /* chang� pour voir la fille d�nud�e sur mediacenter skin Ariston */
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

body.thome .apps-container {
    padding: 60px 0 0 60px;
}

body.thome .lienTHome {
    font-size: 12px !important;
    height: 15px !important;
    margin-top: 2px;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 10px;
    background: url('img/icons/arrow-right.png') no-repeat left center;
    font-weight: bold;
    background-size: 22px;
    padding-top: 3px;
}

body.thome .app {
    display: inline-block;
    width: 244px;
    height: 244px;
    margin: 0 36px 36px 0;
    overflow: hidden;
}

.HeaderBlock{
    background-color: white;
}

.BodyBlock{
    height: 100%;
    width: 100%;
    overflow: auto;
}

.ABlock{
    width:250px;
    height:250px !important;
    position: absolute;
}

body.thome .app a,
body.thome .smallwidgettangram .title,
body.thome .bigwidgettangram .title  {
    display: block;
    height: 100%;
    font-size: 30px;
}
body.thome .app span  {
    display: block;
    height: 18%;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    color: #3399cc;
}

body.thome .smallwidgettangram .title,
body.thome .bigwidgettangram .title  { height:60px;}

body.thome .smallwidgettangram {
    height: 278px;
	background-image: url("/images/home-tmedia-widget.png")
}

body.thome .bigwidgettangram {
	width: 529px;
	background-image: url("/images/home-tmedia-bigwidget.png")
}
body.thome .smallwidgettangram a, body.thome .bigwidgettangram a {
	display:block;
	height:auto;
	padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
	color: #3399cc;
	margin-bottom:10px;
}

body.thome .app a:hover {
    text-decoration: none;
}

body.thome .app em {
    border-top: 1px solid #dfdfdf;
    margin-top: -30px;
    display: block;
    font-style: normal;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 8px;

}

/*****
===== EXT JS OVERRIDER ===
*****/

.x-body a:hover {
    text-decoration: none;
}

.x-panel-body {
    padding: 0;
}

.x-tab-bar-default,
.x-panel-header-default-vertical,
.x-panel-header-default-horizontal {
    border: none;
}

.x-tab-default-left {
    background: url('img/backgrounds/dot-grey-vertical.png') repeat-y;
    border-radius: 0;
    height: 34px;
}

.x-tab-bar-body-default-left {
    padding-right: 0;
}

.x-tab-bar-default-vertical {
    width: 31px;
}

.x-tab-bar-strip-default-left {
    display: none;
}

.x-panel-default {
    border: none;
}

.x-toolbar-default,
.x-panel-body {
    background: none;
}

.x-splitter {
    background: url('img/extjs/vertical-splitter.png') no-repeat center center white;
    -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.75);
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
    z-index: 100;
}

.x-splitter.x-splitter-collapsed {
    background-image: url('img/extjs/vertical-splitter-collapsed.png');
}

.x-accordion-item .x-accordion-hd {
    background: none;
    cursor: pointer;
}

.x-accordion-item .x-accordion-hd img.x-panel-header-icon {
    display: none;
}

.x-tool,
.x-tool img {
    vertical-align: top;
}

/* comboBox */
.x-combobox .x-form-trigger-wrap {
    border: none;
}

.x-combobox .x-form-field {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0 2px;
    border-image-width: 0;
    border-radius: 0;
    height: 16px;
    line-height: 16px;
}

.x-combobox .x-trigger-cell {
    background: none;
}

.x-combobox .x-form-trigger {
    height: 16px;
}

.x-menu-body {
    background: #f0f0f0;
}

/* Button */
.x-button {
    border: none;
    background: none;
}

.x-button .x-btn-inner {
    font-weight: normal;
    color: black;
}

/* TMEDIA PAGE */
#widgets-panel .x-tab {
    padding: 8px 40px;
}

.widget-title {
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
    margin: 0;
    font-size: 18px;
    padding: 5px 10px;
}

div.header-inner {
	display: inline-block;
}
/* Lang switcher */
.moduletable.lang-menu {
	display: inline-block;
}
.moduletable.lang-menu li::after  {
    content: "|";
    padding-left: 8px;
}
.moduletable.lang-menu li:last-child::after  {
    content: "";
    padding-left: 0;
}
.moduletable.lang-menu li:after  {/* For IE8 and earlier */
    content: "|";
    padding-left: 8px;
}
.moduletable.lang-menu li:first-child + li:after  {/* For IE8 and earlier */
    content: "";
    padding-left: 0;
}

/* LEFT-COLUMN */
#left-column .moduletable h4, #left-column .moduletable h3 {
    margin: 0;
    padding: 5px 0;
}

#left-column .moduletable p {
    margin: 0;
    padding: 2px 0;
}

#left-column .moduletable h3 {
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1;
}

#left-column {
    width: 246px;
    float: left;
    margin-left: 25px;
}

#left-column .moduletable.module-shadow {
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 23px;
}

#left-column .moduletable.module-shadow > .module-container {
    padding: 10px 10px 0 15px;
    background: white url('img/backgrounds/shadow-top.png') repeat-x 0 0;
}

/** left column search-module */
#left-column .moduletable.search-module.module-shadow > .module-container {
    background-color: white;
    padding-bottom: 20px !important;
}

#left-column .moduletable.search-module.module-shadow {
    background-color: grey;
    background-image: url('img/icons/search-white.png');
}

#left-column .search .search-query {
    width: 140px;
}

#left-column .search button.btn-primary {
    margin-right: 0;
    margin-top: -5px;
}

.search-module label.element-invisible {
    display: none
}

/** left column news-module */
#left-column .moduletable.tnews-module.module-shadow > .module-container {
    background-color: #e9e9e9;
}

#left-column .moduletable.tnews-module.module-shadow {
    background-image: url('img/icons/feed-grey.png');
}

.tnews-module .module-container > div {
    overflow: auto;
    max-height: 500px;
}

body .tnews-module .newsflash-title {
    background: url('img/backgrounds/drop-down-item.png') repeat-x top;
    /*width: 162px;*/
}

body .tnews-module .newsflash-title:first-child {
    background: none;
}

/* Styles used by Ext.ux.form.ItemSelector */
.x-form-multiselect-body .x-boundlist .x-mask {
    background: none;
}

.x-form-itemselector-body .x-form-item {
    margin: 0;
}

.x-form-itemselector-top {
    background-image: url('img/extjs/ux/top2.gif');
}

.x-form-itemselector-up {
    background-image: url('img/extjs/ux/up2.gif');
}

.x-form-itemselector-add {
    background-image: url('img/extjs/ux/right2.gif');
}

.x-form-itemselector-remove {
    background-image: url('img/extjs/ux/left2.gif');
}

.x-form-itemselector-down {
    background-image: url('img/extjs/ux/down2.gif');
}

.x-form-itemselector-bottom {
    background-image: url('img/extjs/ux/bottom2.gif');
}

.field-disabled-class {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/* Styles used by Ext.ux.upload.Panel*/
.ux-mu-status-value {
    float: right;
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin: 0 3px 0 2px;
    cursor: pointer;
    overflow: hidden;
}

.ux-mu-grid .x-grid-body {
    border: none;
}

.ux-mu-icon-action-ok {
    background-image: url('img/extjs/ux/accept_new.png') !important;
}

.ux-mu-icon-action-upload {
    background-image: url('img/extjs/ux/arrow_up_new.png') !important;
}

.ux-mu-icon-action-abort {
    background-image: url('img/extjs/ux/cancel_new.png') !important;
}

.ux-mu-icon-action-remove {
    background-image: url('img/extjs/ux/delete_new.png') !important;
}

.ux-mu-icon-action-browse {
    background-image: url('img/extjs/ux/folder_new.png') !important;
}

.ux-mu-icon-upload-uploading {
    background-image: url('img/extjs/ux/loading.gif') !important;
}

.ux-mu-icon-upload-uploaded {
    background-image: url('img/extjs/ux/accept_new.png') !important;
}

.ux-mu-icon-upload-uploaderror {
    background-image: url('img/extjs/ux/exclamation_new.png') !important;
}

/* group summary style*/
.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
}

/* ux CheckCombo style*/
.x-combo-checker {
    background-image: url('img/extjs/ux/checkbox.png');
    background-position: 0 -30px;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}

.x-boundlist-selected .x-combo-checker {
    background-position: -30px -15px;
}