/* blocks */
/* main blocks */
.main-block {
    display: block;
    border: 1px solid #aaa;
    border-bottom: 5px solid #aaa;
    background: #fff;
    border-radius: 6px;
}
.main-block-title {
    padding: 6px 8px;
    display: block;
    overflow: hidden;
    background-color: #3b76b3;
    background-image: -moz-linear-gradient(top, #1a4486, #3b76b3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a4486), to(#3b76b3));
    background-image: -ms-linear-gradient(bottom, #1a4486 0%, #3b76b3 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.main-block-title h1 {
    margin: 0;
    color: #fff;
}
.main-block-tree {
    display: block;
    background: transparent url("http://webtv.iadt.fr/statics/mediaserver/images/blocks/tree_bg.png") 0 0 repeat;
}
.main-block-tree-gradient {
    line-height: 24px;
    display: block;
    background: transparent url("../../../../statics/mediaserver/images/blocks/tree_gradient.png") 0 0 repeat-x;
}
.main-block-content {
    padding: 8px;
    display: block;
    position: relative;
    background: transparent url("../../../../statics/mediaserver/images/blocks/main_image.jpg") 0 100% no-repeat;
}
.main-block-content.no-padding {
    padding: 0;
}

.main-block.no-border {
    border-left: 0 none;
    border-right: 0 none;
}
.main-block.no-border,
.main-block.no-border .main-block-title,
.main-block.no-border .main-block-title-gradient {
    border-radius: 0;
}

.command-place {
    margin-left: 5px;
    display: block;
    float: right;
    color: #fff;
}
.command-place .std-btn {
    display: block;
    float: left;
}


/* sub blocks */
.sub-block {
    margin: 5px;
    display: block;
    border: 1px solid #aaa;
    border-radius: 5px;
}
.sub-block-title {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #3b76b3;
    background-image: -moz-linear-gradient(top, #87c2fd, #3b76b3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#87c2fd), to(#3b76b3));
    background-image: -ms-linear-gradient(bottom, #87c2fd 0%, #3b76b3 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sub-block-title-gradient {
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sub-block-title h2 {
    padding: 6px 8px;
    margin: 0;
    color: #fff;
}
.sub-block-title h2 a {
    color: #ddd;
}
.sub-block-title h2 a:hover {
    color: #fff;
}
.sub-block-content {
    width: 100%;
    display: block;
    background: transparent url("../../../../statics/mediaserver/images/white_mask.png") 0 0 repeat;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sub-block-content-gradient {
    padding: 5px;
    display: block;
    background: transparent url("../../../../statics/mediaserver/images/blocks/sub_gradient.png") 0 100% repeat-x;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sub-block-content-gradient.no-padding {
    padding: 0;
}
/* sub blocks modifications for tabs */
.tab-window > .sub-block-title .sub-block-title-gradient {
    padding: 6px;
    padding-top: 8px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 24px;
}
.iframe .tab-window > .sub-block-title .sub-block-title-gradient {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tab-window .sub-block-title a.tab-button {
    padding: 5px 6px;
    margin: 0;
    color: transparent;
    background: #ddd url("http://webtv.iadt.fr/statics/mediaserver/images/blocks/tab_gradient_shadow.png") 0 100% repeat-x;
    display: inline;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tab-window .sub-block-title a.tab-button + a.tab-button {
    margin-left: 2px;
}
.tab-window .sub-block-title a.tab-button span {
    color: #102b62;
}
.tab-window .sub-block-title a.tab-button:hover {
    background: #eee url("http://webtv.iadt.fr/statics/mediaserver/images/blocks/tab_gradient_shadow.png") 0 100% repeat-x;
}
.tab-window .sub-block-title a.tab-button:hover span {
    color: #3b76b3;
}
.tab-window .sub-block-title a.tab-button.active {
    background: #fff url("http://webtv.iadt.fr/statics/mediaserver/images/blocks/tab_active_gradient.png") 0 0 repeat-x;
}
.tab-window .sub-block-title a.tab-button.active span {
    color: #3b76b3;
    font-weight: bold;
}
.tab-window .sub-block-title a.tab-button.active:hover {
    background: #fff url("http://webtv.iadt.fr/statics/mediaserver/images/blocks/tab_active_gradient.png") 0 0 repeat-x;
}
/* special buttons in tabs */
.top-button {
    margin: 2px;
    padding: 1px;
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: #fff none 50% 50% no-repeat;
    cursor: pointer;
    border: 1px solid #aaa;
    border-radius: 3px;
}
.top-button + .top-button {
    right: 32px;
}
.top-button + .top-button + .top-button {
    right: 64px;
}
.fullscreen-button { background-image: url("../../../../statics/mediaserver/images/btn_fullpage.png"); }
.fullscreen .fullscreen-button { background-image: url("../../../../statics/mediaserver/images/btn_fullpage_close.png"); }
.edit-button { background-image: url("../../../../statics/mediaserver/images/icons/24/edit.png"); }
.watch-button { background-image: url("../../../../statics/mediaserver/images/icons/24/play.png"); }
.stats-button { background-image: url("http://webtv.iadt.fr/statics/mediaserver/images/icons/16/stats.png"); }
.tab-window.with-I-btn > .sub-block-title .sub-block-title-gradient { padding-right: 40px; }
.tab-window.with-II-btn > .sub-block-title .sub-block-title-gradient { padding-right: 72px; }
.tab-window.with-III-btn > .sub-block-title .sub-block-title-gradient { padding-right: 104px; }



/* paragraph blocks */
.paragraph-block {
    margin: 5px;
    padding: 5px;
    display: block;
    border: 1px solid #ccc;
    background: #eee;
    background: -moz-linear-gradient(top, rgba(220, 220, 220, 0.7), rgba(240, 240, 240, 0.7));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 0.7)), to(rgba(240, 240, 240, 0.7)));
    border-radius: 4px;
}
.paragraph-block.white, .paragraph-block .paragraph-block {
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
.paragraph-block.margin-32 {
    margin: 32px;
}


/* common classes for blocks */
.block-padding {
    padding: 5px;
}
.white-gradient {
    background: transparent url("../../../../statics/mediaserver/images/blocks/white_gradient.png") 0 0 repeat-x;
}