@charset "utf-8";
body {
	background-color: #036;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

#tituloQuestion {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
}

.pergunta {
	font-size:16px;
	font-weight:bold;
	color:#000;
}
td {
	color:#000;
}

/* scrollable root element */
#wizard {
    background:#fff url(h600.png) repeat scroll 0 0;
    border:5px solid #789;
    font-size:12px;
    height:450px;
    margin:20px auto;
    width:570px;
    overflow:hidden;
    position:relative;

    /* rounded corners for modern browsers */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* scrollable items */
#wizard .items {
    width:20000em;
    clear:both;
    position:absolute;
}

/* single item */
#wizard .page {
    padding:20px 30px;
    width:500px;
    float:left;
}

/* title */
#wizard h2 {
    border-bottom:1px dotted #ccc;
    font-size:22px;
    font-weight:normal;
    margin:10px 0 0 0;
    padding-bottom:15px;
}

#wizard h2 em {
    display:block;
    font-size:14px;
    color:#666;
    font-style:normal;
    margin-top:5px;
}

/* input fields */
#wizard ul {
    padding:0px !important;
    margin:0px !important;
}

#wizard li {
    list-style-type:none;
    list-style-image:none;
    margin-bottom:25px;
}

#wizard label {
    font-size:16px;
    display:block;
}

#wizard label strong {
    color:#789;
    position:relative;
    top:-1px;
}

#wizard label em {
    font-size:11px;
    color:#666;
    font-style:normal;
}

#wizard .text {
    width:100%;
    padding:5px;
    border:1px solid #ccc;
    color:#456;
    letter-spacing:1px;
}

#wizard select {
    border:1px solid #ccc;
    width:94%;
    padding:4px;
}

#wizard label span {
    color:#b8128f;
    font-weight:bold;
    position:relative;
    top:4px;
    font-size:20px;
}

#wizard .double label {
    width:50%;
    float:left;
}

#wizard .double .text {
    width:93%;
}

#wizard .clearfix {
    clear:left;
    padding-top:10px;
}

#wizard .right {
    float:right;
}

/* validation error message bar */
#drawer {
    background:#fff url(/media/img/gradient/h80.png) repeat-x scroll 0 0;
    _background-color:#fff;
    overflow:visible;
    position:fixed;
    left:0;
    top:0;
    text-align:center;
    padding:15px;
    font-size:18px;
    border-bottom:2px solid #789;
    width:100%;
    display:none;
    z-index:2;
}

#wizard .error {
    border:1px solid red;
}

#wizard #status {
    margin:0px !important;
    height:35px;
    background:#123 url(/media/img/gradient/h30.png) repeat-x;
    padding-left:25px !important;
    _background:#123;
}

#status li {
    list-style-type:none;
    list-style-image:none;
    float:left;
    color:#fff;
    padding:10px 15px;
}

#status li.active {
    background-color:#69C;
    font-weight:normal;
	color:#000;
}