/*-----------DEFAULT-----------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*:focus {
    outline: 0;
}

body {
    color: #1a1a1a;
    background: #ffffff;
    font: 12px/18px Arial, Helvetica, sans-serif;
}

/*------------TYPOGRAPHY--------------*/

strong {
    font-weight: bolder;
}

/*-----------LINKS-----------*/

a,
a:hover.link_as_button {
    color: #ffffff;
    text-decoration: none;
}

a:hover,
.active a {
    color: #5cbada;
}

/*-----------LAYOUT-----------*/

.wrapper {
    position: relative;
    width: 100%;
    /*height: 100%*/
}

/*-----------HEADER-----------*/

#header {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 .5em;
    color: #ffffff;
    font-weight: bold;
}

.black #header {
    background: #000000 url('../images/black/login/stripe.png') repeat-x left top;
}

.blue #header {
    background: #1e288a url('../images/blue/login/stripe.png') repeat-x left top;
}

.green #header {
    background: #0e6e0e url('../images/green/login/stripe.png') repeat-x left top;
}

.red #header {
    background: #6e0e0f url('../images/red/login/stripe.png') repeat-x left top;
}

.yellow #header {
    background: #918137 url('../images/yellow/login/stripe.png') repeat-x left top;
}

#logo {
    background: transparent url('../images/imscp_logo32.png') no-repeat .5em center;
    height: 50px;
    padding-left: 100px;
    line-height: 50px;
}

#copyright {
    position: absolute;
    right: .5em;
    line-height: 1;
    top: 25%;
    text-align: right
}

/*------------MAIN CONTAINER--------------*/

#content {
    position: relative;
    padding-top: 110px;
    margin: 0 auto;
}

/*------------NOTICES--------------*/

#notice {
    width: 356px;
    top: 0;
    left: 50%;
    margin: 1em 0 0 -205px;
    position: absolute;
    z-index: 3000;
}

.warning,
.success,
.error,
.info {
    padding: 15px 5px 15px 50px;
    border: 1px solid;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 10px center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.warning {
    color: #954a00;
    border-color: #954a00;
    background-color: #ffec9c;
    background-image: url(../images/messages/warning.png);
}

.success {
    color: #3d7a15;
    border-color: #3d7a15;
    background-color: #d6f1b3;
    background-image: url(../images/messages/success.png);
}

.error {
    color: #ca1d11;
    border-color: #ca1d11;
    background-color: #fdbfad;
    background-image: url(../images/messages/error.png);
}

.info {
    color: #0f3d87;
    border-color: #0f3d87;
    background-color: #b0def5;
    background-image: url(../images/messages/info.png);
}

/*------------TOOLTIPS--------------*/

.black .ui-tooltip {
    background: #000000;
    border-color: #000000;
}
.blue .ui-tooltip {
    background: #161e73;
    border-color: #161e73;
}
.green .ui-tooltip {
    background: #1f5c16;
    border-color: #1f5c16;
}
.red .ui-tooltip {
    background: #590405;
    border-color: #590405;
}
.yellow .ui-tooltip {
    background: #85742f;
    border-color: #85742f;
}
.ui-tooltip {
    border: 1px solid;
    opacity: 0.85;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.black .ui-tooltip.ui-tooltip-notice {
    background: #000000 url(../images/tooltips/info.png) no-repeat 5px 50%;
}
.blue .ui-tooltip.ui-tooltip-notice {
    background: #161e73 url(../images/tooltips/info.png) no-repeat 5px 50%;
}
.green .ui-tooltip.ui-tooltip-notice {
    background: #1f5c16 url(../images/tooltips/info.png) no-repeat 5px 50%;
}
.red .ui-tooltip.ui-tooltip-notice {
    background: #590405 url(../images/tooltips/info.png) no-repeat 5px 50%;
}
.yellow .ui-tooltip.ui-tooltip-notice {
    background: #85742f url(../images/tooltips/info.png) no-repeat 5px 50%;
}
.ui-tooltip.ui-tooltip-notice {
    padding-left: 45px;
}
.ui-tooltip-content
{
    padding: 10px 5px;
    font-size: 0.90em;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
}

/*-----------LOGIN AND LOSTPASSWORD-----------*/

#login {
    position: relative;
    width: 316px;
    padding-bottom: 30px;
    margin: 0 auto 0 auto;

    background-position: center 30px, bottom, top;
    background-repeat: no-repeat, repeat-x, repeat;
    background-size: auto, 100% 100%, auto;
    border: 1px solid silver;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.black #login {
    background-image: url('../images/imscp_logo90.png'), url(../images/black/login/gradient_box.png), url(../images/stripe_box.png);
}

.blue #login {
    background-image: url('../images/imscp_logo90.png'), url(../images/blue/login/gradient_box.png), url(../images/stripe_box.png);
}

.green #login {
    background-image: url('../images/imscp_logo90.png'), url(../images/green/login/gradient_box.png), url(../images/stripe_box.png);
}

.red #login {
    background-image: url('../images/imscp_logo90.png'), url(../images/red/login/gradient_box.png), url(../images/stripe_box.png);
}

.yellow #login {
    background-image: url('../images/imscp_logo90.png'), url(../images/yellow/login/gradient_box.png), url(../images/stripe_box.png);
}

#login form {
    display: inline-block;
    position: relative;
    margin-top: 150px;
}

#login table {
    border: none;
    width: 316px;
}

#login table label {
    color: #ffffff;
    font-weight: bold;
}

table td {
    vertical-align: middle;
    padding: .5em 1em;
}

/*-----------FTP CHOOSER-----------*/

.ftp_chooser {
    position: relative;
    margin: 0 auto;
    width: 90%;
}

.ftp_chooser table {
    text-align: left;
    width: 100%;
}

.ftp_chooser thead th {
    padding: 0.5em;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
}

.ftp_chooser tbody {
    border: 1px solid;
}

.ftp_chooser tbody td {
    padding: 5px 5px 3px 5px;
    height: 36px;
    vertical-align: middle;
    color: #1a1a1a;
}

.ftp_chooser thead, .ftp_chooser tfoot {
    color: #ffffff;
}

.black .ftp_chooser thead, .black .ftp_chooser tfoot {
    background: #000000 url(../images/black/background/ui-bg_glass_40_000000_1x400.png) 50% 50% repeat-x;
    border-color: #000000;
}

.blue .ftp_chooser thead, .black .ftp_chooser tfoot {
    background: #151e72 url(../images/blue/background/ui-bg_glass_40_151e72_1x400.png) 50% 50% repeat-x;
    border-color: #151e72;
}

.green .ftp_chooser thead, .black .ftp_chooser tfoot {
    background: #055a0d url(../images/green/background/ui-bg_glass_40_055a0d_1x400.png) 50% 50% repeat-x;
    border-color: #055a0d;
}

.red .ftp_chooser thead, .black .ftp_chooser tfoot {
    background: #5a0505 url(../images/red/background/ui-bg_glass_40_5a0505_1x400.png) 50% 50% repeat-x;
    border-color: #5a0505;
}

.yellow .ftp_chooser thead, .black .ftp_chooser tfoot {
    background: #85742f url(../images/yellow/background/ui-bg_glass_40_85742f_1x400.png) 50% 50% repeat-x;
    border-color: #85742f;
}

.ftp_chooser tbody {
    border-color: #dfdfdf;
    background: #ffffff url(../images/jquery-ui-common/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ftp_chooser tbody td {
    border-bottom: 1px solid #dfdfdf;
}

.ftp_chooser a {
    color: #1a1a1a;
}

.ftp_chooser a:hover,
.ftp_chooser .active a {
    color: #5cbada;
}

/*------------MESSAGES--------------*/

#message_container {
    position: relative;
    width: 453px;
    margin: 0 auto;
    padding: 100px 10px 10px 10px;
    text-align: center;

    background-position: left top, bottom, top;
    background-repeat: no-repeat, repeat-x, repeat;
    background-size: auto, 100% 100%, auto;
    border: 1px solid silver;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    color: #ffffff;
}

.black #message_container {
    background-image: url('../images/imscp_logo90.png'), url(../images/black/box/gradient_box.png), url(../images/stripe_box.png);
}

.blue #message_container {
    background-image: url('../images/imscp_logo90.png'), url(../images/blue/box/gradient_box.png), url(../images/stripe_box.png);
}

.green #message_container {
    background-image: url('../images/imscp_logo90.png'), url(../images/green/box/gradient_box.png), url(../images/stripe_box.png);
}

.red #message_container {
    background-image: url('../images/imscp_logo90.png'), url(../images/red/box/gradient_box.png), url(../images/stripe_box.png);
}

.yellow #message_container {
    background-image: url('../images/imscp_logo90.png'), url(../images/yellow/box/gradient_box.png), url(../images/stripe_box.png);
}

#message_container h1 {
    font-size: 1.5em;
    letter-spacing: .1em;
}

#message_container pre {
    margin-top: 1em;
    padding: 0 .5em;
    text-align: left;
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

/*-----------TABLE-----------*/

table .left {
    text-align: left;
}

table .right {
    text-align: right;
}

table .center {
    text-align: center;
}

/*-----------INPUT AND BUTTON-----------*/

input,
select,
textarea,
button {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

input[type="text"],
input[type="password"] {
    min-width: 120px;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

input[type="text"],
input[type="password"],
select,
textarea {
    background: #ffffff;
    border: 1px solid #cccccc;
}

.buttons {
    position: relative;
    width: auto;
    text-align: right;
    padding: .5em;
}

/*-----------ODD/EVENT--------*/
.odd {
    background-color: #ffffff;
}

.even {
    background-color: #ededed;
}

/*-----------ICONS-----------*/

.icon {
    background: no-repeat left center;
    padding-left: 20px;
    height: 16px;
    margin: 0 0 0 .5em;
}

.i_lock {
    background-image: url('../images/login/i_lock.png');
}

.i_unlock {
    background-image: url('../images/login/i_unlock.png');
}

.i_bc_folder {
    background-image: url(../images/icons/bc_folder.png);
}

.i_bc_locked {
    background-image: url(../images/icons/bc_locked.png);
}

.i_bc_parent {
    background-image: url(../images/icons/bc_parent.png);
}