/* styles for the default site */

body {
    margin: 0;
    padding: 0;
    background: #32312C url('/cms/asset/img/install/bg_body.png') repeat;
    font-family: Verdana, Arial, Helv, Sans Serif;
    font-size: 19px;
    color: white;
}

#main {
    padding: 20px 20px;
    background-color: #353232;
    width: 90%;
    min-width: 900px;
    min-height: 400px;
    margin: 50px auto 50px auto;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

#main .intro-text {
    margin-top: 0;
    margin-bottom: 10px;
    /*text-shadow: 1px 1px 1px #000;*/
}

.step {
    color: #605959;
    padding: 9px 0 9px 54px;
    margin: 20px 10px;
    background: transparent url('/cms/asset/img/install/ico_pending.png') no-repeat;
}

.step h2 {
    font-size: 21px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.step.current {
    color: #fbd781;
    margin: 20px 10px 10px 10px;
    background-image: url('/cms/asset/img/install/ico_this.png');
}

.step.done {
    background-image: url('/cms/asset/img/install/ico_complete.png');
}

.step.with-text {
    background-position: 0px 5px;
    padding: 0 0 9px 54px;
}

.step-content {
    font-size: 14px;
    padding-left: 65px;
    padding-bottom: 10px;
}

.step-content p {
    margin-top: 0;
}

.hr {
    background: transparent url('/cms/asset/img/install/etch-line.png') repeat-x;
    margin: 15px 0 20px 0;
}

.hr hr {
    visibility: hidden;
}

.pretty-button {
    background: transparent url('/cms/asset/img/install/bg_button.png') repeat-x;
    border: 1px solid #555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 4px;
}

.info-box {
    overflow: auto;
    border: 3px solid #605959;
    margin: 10px 0;
    padding: 10px;
    font-size: 12px;
    background-color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.help-icon {
    vertical-align: -4px;
    margin-left: 10px;
    cursor: help;
}

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

#data-form label {
    display: block;
    float: left;
    width: 200px;
}


#data-form label input {
    float: left;
}

.install-action,
.install-result {
    float: left;
    color: #fff;
}

.install-action {
    min-width: 300px;
    padding-left: 10px;
    color: #fff;
}

.progress {
    height: 16px;
    display: none;
    width: 760px;
    background: #000 url('/cms/asset/img/install/bg_status.gif') no-repeat -760px 0;
    padding: 5px;
}

#error-display,
#info-display {
    border: 2px solid #000;
    background: #ffd2d9 url('/cms/asset/img/install/ico_error.gif') no-repeat 10px 50%;
    padding: 10px;
    padding-left: 44px;
    width: 714px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #451820;
    font-size: 12px;
}

#navigation ul,
#pagetrail ul {
   margin-left: 0px;
   padding-left: 0px;
}

#pagetrail ul {
   margin: 0;
}

#navigation ul li {
    display: inline;
    background:  #32312C url('/cms/asset/img/install/bg_body.png') repeat;
    margin-right: 6px;
    padding: 5px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#pagetrail ul li {
    display: inline;
}

#navigation ul li a,
#pagetrail ul li a {
    color: white;
    text-decoration: none;
}

#navigation ul li:hover a,
#navigation ul li.current a,
#pagetrail ul li:hover a,
#pagetrail ul li.current a {
    color: #fbd781;
}

#pagetrail {
    font-size: 60%;
}

#pagetrail #pagetrail-label {
    float: left;
    margin-right: 15px;
}

a {
    color: #fbd781;
}

a:hover {
    color: red;
}

.terminal {
    background: #222;
    border: 1px solid #444;
    color: white;
    padding: 3px 10px;
    font-family: "Courier New", Courier, monospace;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-bottom: 10px;
}

.terms {
    width: 90%;
    padding: 10px;
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #333;
}

.terms td {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccd1d1;
}

.terms td img {
    vertical-align: -3px;
}

a img {
    border: 0;
}

h3 {
    color: #fbd781;
    font-weight: bold;
    margin-top: 30px;
}