/** Documentation **/
/*______________________________________________________________________________

    flametag.wizard.css

    Last Update: $date$
    Author: Tom at klenwell@gmail.com

______________________________________________________________________________*/

/* page centering */
html, body, .page-centered { height:100%; margin:0; }
table#full-height { height:100%; width:100%; margin:0; }
td#valign-cell { vertical-align:middle; width:100%; padding:12px 0 24px; }
table#content-table { width:100%; }
td#content-cell { padding:0px; }

/* document */
body {
 background-color:black;
 background-image:none;
 background-color:#660000;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
}


/* view content */
.tag-wizard-step {
 margin:0 0 24px;
 color:#993300;
 background-color:#fff;
 border:1px solid #930; border-width:4px 0;
}

.tag-wizard-step .banner {
 padding:0.5em 1em 0.5em 4em;
 color:#993300;
 background-color:#ffddbb;
 border-top:4px solid #cc6600;
 border-bottom:2px solid #cc6600;
}
.tag-wizard-step h2 {
 margin:0;
 font-weight:normal;
 font-size:36px;
}
.tag-wizard-step h3 { margin:32px 0 0; }
.tag-wizard-step h4 { margin: 0; color:#cc6600; }
.tag-wizard-step h5 { margin:0; }

.tag-wizard-step form {
 padding:0 4em 2em;
}

.tag-wizard-step em { color:darkorange; }

.tag-wizard-step .stage_button {
 display: block; width: auto;
 margin:4px 0;
 padding: 2px 5px;
 /* font-size: 110%; */
 color:#cc6600;
 vertical-align: bottom;
 background-color:#ffddbb;
}
.tag-wizard-step input#next_stage {
 font-size:140%;
}
.tag-wizard-step table.wizard-option-table {
    min-width:50%;
}

pre {
 width:auto;
 overflow-x:scroll;
}



/* Stage Specific */
table.gender-confirm {
 margin:32px 0 0;
 border:4px solid #cc6600;
}
table.gender-confirm td {
 padding:12px 36px;
 background-color:#ffeecc;
}
table.gender-confirm tr.label td {
 text-align:center;
 font-size:180%;
}
table.gender-confirm td.tagger {
 border-right:4px solid #cc6600;
}


div.tagline-step h4 {
  font-size:150%;
}
div.tagline-step input[type=text] {
 font-size:180%;
}
div.tagline-step h5.sub {
 font-weight:normal;
 margin:8px 0 24px;
}


div.tagline-end {
 padding:32px 64px;
}


/* Forms */
form {
 margin:0;
 clear: both;
 margin-right:4%;
}
fieldset {
 width:auto;
 border: 1px solid #ffeecc;
 padding: 12px 24px;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 0;
}
fieldset fieldset legend {
    /* font-size: 100%; */
    font-weight: normal;
    margin-left: 20px;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
 clear: both;
 margin-top:4px;
 vertical-align: text-top;
}
form div.input {
 padding:8px 12px;
 color: #444;
}
form div.required { color: #333; }
form div.required legend { font-weight: bold; }

form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 140px;
}
fieldset legend, label {
 display: block;
 color: #cc6600;
 font-size: 90%;
 padding-right: 20px;
}
input, textarea {
 clear: both; display: block;
 padding: 2px;
 /* width: 100%; */
 /* font-size: 140%; */
 /* font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; */
}
select {
    clear: both;
    /* font-size: 120%; */
    vertical-align: text-bottom;
}
select[multiple=multiple] {
 width: 100%;
}
option {
 /* font-size: 120%; */
 padding: 0 3px;
}
input[type=checkbox], input[type=radio] {
 clear: left; float: left;
 width: auto;
 margin: 0px 6px 4px 2px;
 background-color:#ffddbb;
}
input[type=text] {
 background-color:#ffddbb;
}
input[type=submit] {}
.wizard-option-table li {
 margin-bottom:0.8em;
}

/* Notices and Errors */
div.message {
 clear: both;
 color: #933;
 font-size: 85%;
 font-weight: bold;
 margin: 8px 0 1em;
}
div.error-message {
 clear: both;
 color: #900;
 font-size: 85%;
 font-weight: bold;
 margin: 4px 0 0;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background-color: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background-color: green;
    color: #FFF;
}