html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

b,
strong {
    font-weight: bold;
}

p,
pre {
    margin: 0 0 1em;
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    max-height: 500px;
    margin: 0 auto;
    padding: 0.8em;
    font-size: 95%;
}

small {
    font-size: 75%;
}

abbr[title],
acronym[title] {
    cursor: help;
    border-bottom: 1px dotted;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li {
    margin-bottom: 0.5em;
    list-style-type: none;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

img,
a img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

table {
    margin: 0 auto 2.5em;
    font-size: 100%;
    border-spacing: 0;
}

caption {
    margin-bottom: 0.2em;
}

th,
td {
    border-collapse: collapse;
}
/* Chromeless ------------------------------------------------------------ */
/* - Generic */
body {
    color: #2b2b2b;
    background-color: #f3f3f3;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.chromeless-wide {
    background-color: #ffffff;
}

a {
    color: #507ea4;
    outline: 0;
}
a:hover,
a:active {
    color: #839b5c;
    text-decoration: none;
}

ul li {
    list-style-type: disc;
    margin-left: 15px;
}
fieldset {
    margin: 0;
}

/* -- Hn */
#page-title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}
h2 {
    font-weight: bold;
}
h3 {
    text-shadow: #fff 0 1px 0;
    margin-bottom: 20px;
}

/* - Component */
.ready {
    font-weight: bold;
    color: #93b06b;
}
.note {
    clear: both;
    padding: 10px 0 10px 0;
}
.hint {
    margin-top: 3px;
    color: #a3a3a2;
    font-size: 95%;
    font-style: Italic;
}
.input-hint {
    color:#a9a9a9;
}

/* - Actions Bar */
.action-buttons {
    margin: 20px 0 15px;
}
.actions-bar {
    margin: 25px 0 0;
}
#container.show-actions-bar-top .actions-bar-top {
    display: block;
}
#container.show-actions-bar-bottom .actions-bar-bottom {
    display: block;
}

/* - Layout */
#container {
    position: relative;
    margin: 45px auto 30px;
    padding: 30px 30px 25px;
    border: 1px solid #c0c6c9;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

/* -- chromeless */
.chromeless #container {
    width: 550px;
}

/* -- sign-in */
.sign-in #container {
    width: 320px;
}

/* -- chromeless-wide */
.chromeless-wide #container {
    min-width: 360px;
    width: auto;
    margin: 20px;
    padding: 0;
    border: 0;
    background-color: transparent;
}

/* - Header */
#header {
    background: transparent #fff;
}
#header .comment_signin_title {
    margin-left: 20px;
}

#brand {
    width: 248px;
    height: 37px;
    margin: 0 0 20px;
    font-size: 26px;
    background: #fff url(../images/chromeless/mt_logo.png) center no-repeat;
}
#brand img, 
#brand span {
    display: none;
}
#nav {
    position: absolute;
    top: 30px;
    right: 20px;
}
#nav .step {
    float: left;
    background: url('../images/chromeless/nav_off.png');
    height: 15px;
    width: 14px;
}
#nav .step_active {
    float: left;
    width: 14px;
    height: 15px;
    background: url('../images/chromeless/nav_on.png');
}

/* - Sign in Screen */
#sign-in #page-title {
    display: none;
}
#sign-in .text {
    font-size: 22px;
}
#sign-in .has-auth-icon input {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 3px center;
}
#forget-password {
    float: right;
    margin: 0 0 3px;
}
#sign-up {
    clear: both;
    margin: 20px 0 0;
    text-align: right;
}
.auth-option-info {
    margin-top: 20px;
    font-size: 90%;
}

/* -- Reset Password, Change Password */
#reset-password #container,
#change-password #container {
    width: 320px;
}

/* - Upgrade */
.upgrade .upgrade-process {
    position: relative;
    overflow: auto;
    margin: 10px 0;
    border: 1px solid #c0c6c9;
    padding: 10px;
    background-color: #fbfbfb;
    height: 200px;
    border-radius: 3px;
}
.upgrade #progressbar {
    margin: 25px 0 0;
}
/* - Profile */
ul#profile-data li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
#profile_userpic-field .field-content label {
    display: block;
    margin-top: 5px;
}
#userpic-preview {
    margin-bottom: 10px;
}
.mt-profile-edit form {
    margin-bottom: 0.75em;
}
.custom-field-radio-list {
    margin-bottom: 0.25em;
}
.custom-field-radio-list li {
    list-style: none;
    margin-left: 0;
}

/* -- Start */
.mt-config-file-path {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    height: 2.75em;
    font-weight:bold;
}

/* -- System Check */
#packages-list dt {
    margin-bottom: 5px;
}
#packages-list dd {
    margin-bottom: 15px;
    color: #7B7C7D;
}
.module-name {
    font-weight: bold;
}
.module-name a {
    color: black;
    text-decoration: none;
}
.module-name a:hover {
    text-decoration: underline;
}
.module-description {
    margin-bottom: 5px;
}

/* -- Database Setting */
#db_hint {
    margin-top: -10px;
    margin-bottom: 10px;
}
#db_hint p {
    margin-bottom: 3px;
}

/* -- Complete */
#config_settings {
    margin-bottom: 10px;
}

/* - Publush */
/* -- Progress Bar */
.progressbar {
    height: 25px;
    border: 1px solid #c0c6c9;
    background: #fff;
    border-radius: 3px;
}
.progressbar.indeterminate {
    background: #c0c6c9 url(../images/progress-bar-indeterminate.gif) repeat;
}
.ui-progressbar .ui-progressbar-value {
    height:100%;
    background-color: #dcdddd;
    background-image: -webkit-linear-gradient(#58bee3, #32789e);
    background-image: -moz-linear-gradient(#58bee3, #32789e);
    background-image: linear-gradient(#58bee3, #32789e);
    border-radius: 3px 0 0 3px;
}

/* - Fields */
fieldset {
    margin-bottom: 3em;
}
.field {
    padding: 0;
    margin: 0 0 15px;
}
.field-left-label .field-header {
    float: left;
    width: 12em;
    margin-left: 0.8em;
    padding: 0.62em 0;
    text-align: right;
}
.field-left-label .field-content {
    margin-left: 14em;
    padding: 0.5em 0;
}
.field-top-label .field-header {
    margin-bottom: 5px;
}
.field-top-label .field-header label {
    vertical-align: baseline;
}
.field-top-label .field-content {
    margin: 3px;
}
.field-inline,
.field-inline .field-header,
.field-inline .field-content {
    display: inline;
}
.field-inline {
    margin-right: 10px;
}
.field-content-text {
    padding-top: 5px;
}
.field-no-header .field-header {
    display: none;
}
.field-no-header .field-content {
    margin-left: 0;
}
.field .hint {
    margin: 5px 0 0;
    font-size: 90%;
}
.field-top-label .hint {
    width: 100%;
}

input,
select,
textarea,
button,
.button {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input {
    padding: 0 0.25em;
}
textarea {
    padding: 0.2em 0.25em;
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
label textarea {
    margin-top: 0.62em;
}
input[type=checkbox],
input[type=radio] {
    padding: 0;
}
input[type=file] {
    background: #ffffff;
}
.text,
.button {
    height: 1.75em;
    line-height: normal;
}
.text::-moz-focus-inner,
.button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* - Input */
.text {
    width: 75%;
    outline: 0;
    border: 1px solid #adadad;
    border-top-color: #a3a3a2;
    line-height: 1.3;
    background-color: #ffffff;
    color: #2b2b2b;
    border-radius: 2px;
}
.text.short,
.text.password {
    width: 180px;
}
.text.med {
    width: 50%;
}
.text.full,
.edit-screen .text {
    width: 100%;
    max-width: 100%;
}
.text.number,
.text.num,
.text.days {
    width: 4em;
    text-align: center;
}
.text.date {
    width: 7.5em;
}
.text.time,
.text.min {
    width: 5.5em;
}
.text.datetime {
    width: 10em;
}
.text.path {
    width: 12em;
    margin: 0 0.2em;
}
.text.low {
    min-height: 5em;
}
.text.high {
    min-height: 12em;
}
.text.query {
    font-size: 150%;
}
.text.title {
    font-size: 200%;
    line-height: 1.2;
}
.text:hover,
.text:focus {
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.text:hover {
    border-color: #a0a0a0;
}
.text:focus {
    outline: 0;
    border-color: #2a83a2;
}

.text.error,
.text.error:focus {
    border-color: #c53d43;
}


.text.disabled,
.text[disabled],
.text.readonly,
.text[readonly] {
    border-color: #dcdddd;
    background-color: #f3f3f3 ! important;
    box-shadow: none;
}
.text.disabled,
.text[disabled] {
    color: #9ea1a3;
}
.text.readonly,
.text[readonly] {
    cursor: text;
}

select {
    height: 1.75em;
    border: 1px solid #c0c6c9;
    font-size: 12px;
    box-shadow: 0 1px 0 #f3f3f3;
    white-space: nowrap;
}
.col select {
    width: 100%;
}
select.error {
    border-color: #c53d43 ! important;
}

/* -- Batch Edit */
#notification-listing-table input[type="text"],
.batch-edit input[type="text"] {
    width: 100%;
}

#notification-listing-table .url input[type="text"] {
    width: 60%;
}

/* - Button */ 
.button {
    cursor: pointer;
    overflow: visible;
    display: inline-block;
    outline: none;
    margin-right: 5px;
    padding: 0 0.5em;
    border: 1px solid #c0c6c9;
    line-height: 1.75em;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(#f3f3f3, #dcdddd);
    background-image: -webkit-linear-gradient(#f3f3f3, #dcdddd);
    background-image: linear-gradient(#f3f3f3, #dcdddd);
    color: #2b2b2b;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
}
.button:focus {
    border-color: #2a83a2;
}
.button:hover {
    border-color: #adadad;
    color: #2b2b2b;
    box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}
.button:active {
    background-color: #dcdddd;
    background-image: -moz-linear-gradient(#dcdddd, #f3f3f3);
    background-image: -webkit-linear-gradient(#dcdddd, #f3f3f3);
    background-image: linear-gradient(#dcdddd, #f3f3f3);
    box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 0 1px 0 rgba(0, 0, 0, 0.3);
}

/* -- Large Button */
.button.action {
    padding: 0 0.8em;
    border-color: #7b7c7d;
    background-color: #adadad;
    background-image: -moz-linear-gradient(#adadad, #7b7c7d);
    background-image: -webkit-linear-gradient(#adadad, #7b7c7d);
    background-image: linear-gradient(#adadad, #7b7c7d);
    color: #fffffc;
    text-shadow: 1px 1px 1px #383c3c;
    font-size: 14px;
    font-weight: bold;
    vertical-align: baseline;
}
.button.action:hover {
    border-color: #595857;
    background-color: #bababa;
    background-image: -moz-linear-gradient(#bababa, #88898a);
    background-image: -webkit-linear-gradient(#bababa, #88898a);
    background-image: linear-gradient(#bababa, #88898a);
    box-shadow: none;
}
.button.action:active {
    background-color: #7d7c7d;
    background-image: -moz-linear-gradient(#7b7c7d, #adadad);
    background-image: -webkit-linear-gradient(#7b7c7d, #adadad);
    background-image: linear-gradient(#7b7c7d, #adadad);
}

/* -- Primary Button */
.button.primary {
    border-color: #165e83;
    background-color: #2a83a2;
    background-image: -moz-linear-gradient(#2a83a2, #165e83);
    background-image: -webkit-linear-gradient(#2a83a2, #165e83);
    background-image: linear-gradient(#2a83a2, #165e83);
}
.button.primary:hover {
    border-color: #274a78;
    background-color: #2f93b6;
    background-image: -moz-linear-gradient(#2f93b6, #1a6e99);
    background-image: -webkit-linear-gradient(#2f93b6, #1a6e99);
    background-image: linear-gradient(#2f93b6, #1a6e99);
}
.button.primary:active {
    background-color: #165e83;
    background-image: -moz-linear-gradient(#165e83, #2a83a2);
    background-image: -webkit-linear-gradient(#165e83, #2a83a2);
    background-image: linear-gradient(#165e83, #2a83a2);
}

/* -- Disable Button */
.button.disabled,
.button.action.disabled,
.button.primary.disabled {
    border-color: #c0c6c9 ! important;
    cursor: default ! important;
    background: #f3f3f3 ! important;
    text-shadow: none ! important;
    box-shadow: none ! important;
}

/* -- Edit Field Button */
.mt-edit-field-button {
    margin-left: 0.5em;
}

/* Inline Editor Button */
.inline-editor .button,
.inline-editor .ui-button {
    margin: 0 0 0 5px;
}

/* -- Split Button */
.split .button {
    float: left;
    height: 22px;
    margin: 0;
    font-size: 13px;
}
.split .action {
    min-width: 5.5em;
    border-radius: 2px 0 0 2px;
    line-height: 1.75em;
}
.split .toggle-button {
    position: relative;
    width: 22px;
    padding: 0;
    border-radius: 0 2px 2px 0;
}
.split .button:hover {
    box-shadow: none;
}
.split .detail {
    display: none;
    width: 100%;
    font-size: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-helper-hidden-accessible {
    position: absolute;
}

#alignment .ui-button {
    width: 50px;
    margin: 0;
}

/* - Clearfix */
.field {
    zoom: 1;
}
.field:before,
.field:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
}
.field:after {
    clear: both;
}

/* Listing Framework */
.listing {
    margin-bottom: 50px;
}
#spam-log-listing {
    margin-bottom: 0;
}

#filter-header,
.listing-table-block {
    position: relative;
}

/* - Listing Table */
#listing-table-overlay {
    z-index: 400;
    width: 100%;
    height: 100%;
    background-color: #fbfbfb;
    border-radius: 0 0 3px 3px;
}

.listing-table {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #c0c6c9;
    table-layout: fixed;
    background-color: #ffffff;
    border-radius: 0 0 3px 3px;
}

.col {
    width: 13%;
    padding: 5px 8px;
    border: solid #fff;
    border-width: 1px 0 0;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
}
tbody tr:first-child .col {
    border: 0;
}
.col.head {
    padding: 0;
    border-color: #c0c6c9;
    border-width: 0 0 1px 1px;
    line-height: 1;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(#f3f3f3, #dcdddd);
    background-image: -webkit-linear-gradient(#f3f3f3, #dcdddd);
    background-image: linear-gradient(#f3f3f3, #dcdddd);
    font-size: 85%;
    font-weight: bold;
    text-shadow: 0 1px 0 #f8fbf8;
    vertical-align: middle;
    word-wrap: normal;
}
.col.num {
    width: 10%;
}
.col.date {
    width: 12%;
}
.col.id {
    width: 4.5em;
}
.col.entry,
.col.target {
    width: 25%;
}
.col.cb,
.col.si {
    width: 2.6em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.col.view {
    width: 4em;
}
.col.output-file {
    width: 40%;
}
.col.publishing-method {
    width: 17%;
}
.col.primary {
    width: auto;
    min-width: 15%;
}
thead .col.head.first-child {
    border-radius: 3px 0 0 0;
}
thead .col.head.last-child {
    border-radius: 0 3px 0 0;
}
.has-filter thead .col.head {
    border-radius: 0;
}
tfoot .col.head{
    border-width: 1px 0 0 1px;
}
.col.head.first-child,
.col.head.first-visible-child {
    border-left: 0;
}
.col.head a {
    display: block;
    position: relative;
    width: 100%;
    color: #2b2b2b;
    text-decoration: none;
}
.col.head a:hover {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(#fafafa, #e9eaea);
    background-image: -webkit-linear-gradient(#fafafa, #e9eaea);
    background-image: linear-gradient(#fafafa, #e9eaea);
}
.col.head.sorted,
.col.head.sorted a:hover {
    background-color: #dcdddd;
    background-image: -moz-linear-gradient(#dcdddd, #f3f3f3);
    background-image: -webkit-linear-gradient(#dcdddd, #f3f3f3);
    background-image: linear-gradient(#dcdddd, #f3f3f3);
}
.col-label {
    display: block;
    width: 80%;
    margin-left: 5px;
    padding: 7px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col.head a:hover .col-label {
    color: #2b2b2b;
}
.sorted .col-label {
    color: #2b2b2b;
}
.sm {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 7px;
    height: 10px;
    margin-top: -5px;
    background: transparent center no-repeat;
    background-image: url(../images/arrow/arrow-sort-both.gif);
}
.sm.asc {
    background-image: url(../images/arrow/arrow-sort-top.gif);
}
.sm.desc {
    background-image: url(../images/arrow/arrow-sort-bottom.gif);
}

/* -- Sub Columns */
.col .description {
    margin: 0.75em 0 0;
    font-size: 90%;
}
.col .user-info {
    overflow: hidden;
}
.col .user-info-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col .content-text {
    overflow: hidden;
}
.col .icon {
    display: inline-block;
    min-width: 15px;
    margin-right: 3px;
    text-align: center;
}
.col .comment.status {
    float: left;
    margin-right: 5px;
}
.col .picture {
    margin-bottom: 0;
}
.col .userpic .icon {
    margin: 0;
}
.col .item-ctrl .action-link {
    margin-right: 5px;
}
.col .role-item {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 0 1.2em;
}
.col .archive-path-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.col .log-metadata pre {
    white-space: normal;
}

/* -- List Actions */
.list-actions {
    float: left;
}

/* -- Page Navigation */
.listing .actions-bar {
    min-height: 22px;
}
.listing .button-actions,
.listing .plugin-actions {
    float: left;
    margin: 8px 10px 8px 0;
}
.pagination,
.indicator {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.pagination,
.actions-bar .indicator {
    float: right;
    height: 22px;
    margin: 8px 0;
    line-height: 22px;
}
.actions-bar .indicator img {
    margin-bottom: 0.2em;
    vertical-align: bottom;
}
.pagenav,
.current-rows {
    margin: 0 0.25em;
}
.current-rows {
    font-weight: bold;
}

/* -- Legacy Listing */
.legacy.listing-table {
    border-radius: 3px;
}

.col.asset-thumbnail {
    width: 6em;
}
.col.asset-thumbnail .thumbnail {
    margin: 0 auto;
}
.asset-no-thumbnail .thumbnail {
    border: 0;
}
.col.asset-type-video .thumbnail {
    background: transparent url(../images/asset/video-45.png) no-repeat;
}
.col.asset-type-file .thumbnail {
    background: transparent url(../images/asset/file-45.png) no-repeat;
}
.col.asset-type-audio .thumbnail {
    background: transparent url(../images/asset/audio-45.png) no-repeat;
}

/* - Filter */
.filter-block {
    border: solid #c0c6c9;
    border-width: 1px 1px 0;
    background-color: #f3f3f3;
    border-radius: 3px 3px 0 0;
}
.filter-header #allpass-filter {
    display: inline-block;
    margin-left: 8px;
    color: #c53d43;
    font-size: 87%;
}
.filter-header .current-filter {
    background-image: url(../images/filter-list.png);
    text-decoration: none;
}
.filter-header .current-filter:hover {
    border-bottom: 0;
}
#filter-detail {
    border: solid #c0c6c9;
    border-width: 1px 0 0;
}
.filteritem {
    position: relative;
    margin: 0 8px;
    border: 1px solid #adadad;
    border-top-color: #cfd0d0;
    border-left-color: #cfd0d0;
    background-color: #fff;
}
.filteritem .item-content {
    padding: 10px;
}
.filteritem .item-ctrl {
    margin-left: 10px;
}

/* -- Select Filter */
#dialog_filter {
    padding: 0 0 10px 10px;
}
#dialog_filter_content {
    max-height: 420px;
    padding-top: 0;
    overflow: auto;
}
#dialog_filter .filter-list-block {
    margin-top: 15px;
}
#dialog_filter .filter-list-label {
    margin: 0 0 5px;
}

/* -- filter List */
#dialog_filter .filter {
    margin: 0 10px 1px 0;
    padding: 0 5px;
}
#dialog_filter .filter:hover {
    background-color: #e7e7eb;
}
#dialog_filter .filter.edit-mode {
    padding: 0;
}
#dialog_filter .filter.edit-mode:hover {
    background-color: transparent;
}
#dialog_filter .apply-link,
#dialog_filter .item-ctrl,
#dialog_filter .indicator {
    height: 23px;
    line-height: 23px;
}
#dialog_filter .apply-link {
    display: block;
    text-decoration: none;
}
.filter-label .apply-link {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#dialog_filter .item-ctrl {
    display: none;
    text-align: right;
}
#dialog_filter .filter:hover .item-ctrl {
    display: inline-block;
}
#dialog_filter .edit-mode .item-ctrl {
    display: inline-block;
    text-align: left;
}
#dialog_filter .item-ctrl a {
    margin-left: 5px;
}
#dialog_filter .tool-link {
    margin: 0 0 0 0.5em;
    vertical-align: top;
}
#dialog_filter .rename-link {
    color: #7b7c7d;
}
#dialog_filter .indicator {
    margin-left: 5px;
}
/* - Asset Preview */
.col .asset-preview {
    display: none;
    margin-top: 10px;
}

/* - Listing Panel */
#modal-search {
    margin-bottom: 10px;
}
.listing.selector {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 25px;
}
.panel-header {
    position: relative;
    padding: 10px 0;
}
.selected-items {
    min-height: 30px;
}

/* - Lisiting Footer */
#listing-footer {
    margin-top: 30px;
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
    border-radius: 3px;
}
.footer-link-item {
    display: inline-block;
    margin: 0 15px 0 0;
}

.ui-selectable-helper {
    display: none ! important;
}/* Status Message */
.msg {
    position: relative;
    margin: 10px 0;
    padding: 0.5em 0.75em;
    border-radius: 2px;
}
.msg.full {
    margin: 0;
    border-radius: 0;
}
.msg-success {
    background-color: #cee4ae;
}
.msg-alert,
.msg-warning {
    background-color: #fef263;
}
.msg-error {
    background-color: #f6bfbc;
}
.msg-info {
    background-color: #e6eae3;
}
.msg-publishing {
    margin: 15px 0 0;
    padding: 0.8em 0 0.8em 25px;
    background: transparent url(../images/ani-rebuild.gif) left center no-repeat;
}
.msg-text {
    margin: 0;
}

.msg ul {
    padding-left: 1.618em;
}
.msg li {
    list-style-type: disc;
}
.msg li label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.close-link {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
}

/* - for Permission Message */
.msg .detail {
    margin: 10px 0 0;
}

/* - for Widget Content */
p.zero-state {
    margin-bottom: 0;
}

/* - Generic Website Message */
#is-generic-website {
    margin: 0;
    padding: 0.75em 0;
    border-bottom: 1px solid #c8c2be;
    background-color: #f2f2b0;
    border-radius: 0;
}
#is-generic-website p {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 95%;
}

/* - Junk Message */
#junk-message .junk-score {
    font-weight: bold;
    margin: 0 0 0.5em;
}

/* - Validation */
.dialog-msg-error {
    display: block;
}
.validate-error {
    display: inline-block;
    margin-top: 5px;
    background: transparent;
    color: #C53D43;
    font-size: 90%;
    font-weight: normal;
}
.msg-balloon {
    margin-top: 3px;
    padding: 0.3em 0.5em;
    background-color: #2b2b2b;
    color: #f3f3f3;
    border-radius: 2px;
    opacity: 0.8;
    -ms-filter: 'alpha(opacity=80)';
    filter: alpha(opacity=80);
}

/* - Debug Panel Messages */
.debug-panel {
    position: absolute;
    width: 100%;
    border-top: 1px solid #c8c2be;
    background-color: #f6bfbc;
    text-align: left;
}
.debug-panel h3 {
    padding: 5px;
    font-size: 12px;
    margin: 0;
    background-color: #ec6d71;
    color: #f8fbf8;
    text-shadow: none;
}
.debug-panel-inner {
    padding: 5px;
    font-family: monospace;
    font-size: 10px;
    max-height: 200px;
    overflow: auto;
}
.debug-panel-inner li {
    margin: 0;
    padding: 0.2em 0.5em;
    white-space: pre;
}

.debug-panel-inner li:hover {
    background-color: #f2a0a1;
}.hidden {
    display: none !important;
}
.visible {
    display: block;
}
.invisible {
    visibility: hidden;
}
.clickable {
    cursor: pointer;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.inline {
    display: inline;
}
.nowrap {
    white-space: nowrap;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.rall {
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.rtop {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
}
.rleft {
    border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius: 5px 0 5px 0;
}
.rright {
    border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius: 0 5px 0 5px;
}
.rbottom {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius: 0 0 5px 5px;
}
.odd {
    background-color: #fbfbfb;
}
.selected {
    background-color: #e7e7eb;
}
.highlight {
    background-color: #f8f4e6;
}
.disabled {
    color: #c0c6c9 ! important;
}
.code {
    font-family: monospace;
}