@charset "UTF-8";

/**
 * @license
 * MyFonts Webfont Build ID 3020471, 2015-05-05T08:06:19-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvantGardeGothicITCW02Bd by ITC
 * URL: http://www.myfonts.com/fonts/itc/avant-garde-gothic/pro-bold/
 * Copyright: Font software Copyright 1993, 1994, 2001 Adobe Systems Incorporated. Typeface designs Copyright 2005 International Typeface Corporation. All rights reserved.
 * 
 * Webfont: AvenirLTPro-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-pro/pro-45-book/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3020471
 * Licensed pageviews: 250,000
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'AvantGardeGothicITCW02Bd';
  src: url("../fonts/2E16B7_0_0.eot");
  src: url("../fonts/2E16B7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2E16B7_0_0.woff2") format("woff2"), url("webfonts/2E16B7_0_0.woff") format("woff"), url("../fonts/2E16B7_0_0.ttf") format("truetype"), url("webfonts/2E16B7_0_0.svg#wf") format("svg");
}

@font-face {
  font-family: 'AvenirLTPro-Book';
  src: url("../fonts/2E16B7_1_0.eot");
  src: url("../fonts/2E16B7_1_0.eot?#iefix") format("embedded-opentype")
    , url("../fonts/2E16B7_1_0.woff2") format("woff2"), url("webfonts/2E16B7_1_0.woff") format("woff"), url("../fonts/2E16B7_1_0.ttf") format("truetype"),
    url("webfonts/2E16B7_1_0.svg#wf") format("svg");
}

.color-bluegreen {
  background-color: #30B9C1;
  color: white;
}

.color-lightgreen {
  background-color: #B7DFAA;
  color: #848484;
}

.color-yellow {
  background-color: #fcb830;
}

.color-orange {
  background-color: #e27b4f;
}

.fill-bluegreen {
  fill: #30B9C1;
}

.fill-lightgreen {
  fill: #B7DFAA;
}

body,html {
    margin: 0px 0px;
    font-family: AvenirLTPro-Book,sans-serif;
    height: 100%;
    background: #ffffff;
    font-size: 14px;
    color: #6d6d6d;

}

a
{
    color: #002f5e;
}

a:hover
{
    color: #00C9FD;
}

a.button
{
   /* border: 1px solid #bffbff;
    background-color: white;*/
    padding: 3px;
    font-weight: bold;
}

a.button:hover
{
    color: #76dfff;
}

a.buttonOff
{
    border: 1px solid #8cf7ff;
    background-color: #bffbff;
    padding: 3px;
    font-weight: bold;
    text-decoration: none;
}


a.finishButton
{
    cursor: pointer;
    padding: 5px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    
    color: #FFFFFF;
    text-transform: uppercase;

    background: #399BC0;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    min-width: 120px;

}

a.finishButton:hover
{
    background-color: #90C0EC;
}

#sso_link {
  float: left;
  margin-left: 210px; 
}

h1
{
    font-family: "AvantGardeGothicITCW02Bd",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 5px;
    line-height: 125%;
    margin: 5px 0;
    text-transform: uppercase;
}

h2
{
    color: #818181;
}

#page
{
   width: 980px;
   margin-left: auto;
   margin-right: auto;
  /* background-color: #FFFFFF;*/
}

#header
{
    height: 58px; /* was 40*/
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    line-height: 100%;
}

.logo{
    background-image: url("../images/logo.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 98px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -42px;
    width: 116px;
    z-index: 100;
}

#topPanel{
    margin: 0px 0px;
    background: #06b5bd;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
}

#middle
{
    width: 960px;
    background: #FFFFFF; /* url(../images/menu_bg.jpg)*/
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
    
    position: relative;
    min-height:500px;
    padding: 0;

}

#middle_up{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    position: relative;
    height: 1px;

}

#middle_down{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    position: relative;
    height: 1px;
}



#content_right
{
    width:786px;
    float:right;
}

#content_full{
   margin-left: auto;
   margin-right: auto;
}

.loginBtn input{
  margin: 0 auto;
}

#content_full {
  
}

#content p
{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

#footer
{
    height: 14px;
    background: #f7f7f4;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: black;
    font-size:10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    
    padding: 12px 10px;
    margin-top: 20px;
  
}

#availableLangs
{
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 40px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 20px;
}



#homeNavig
{
    
    padding-right: 0px;
    float: right;
    position: relative;
    font-weight: bold;
    color: #000;
    padding: 0 40px 0 10px;
}

#homeNavig .button
{
    
    float: right;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 10px;
    margin-top: 5px;
    margin-left: 5px;
    background: #fff;
}

#homeNavig .button:hover
{
    background: #fcb830;
    transition: all 0.2s linear 0s;
}

#homeNavig .button a
{   
    color: #000;
    text-decoration: none;
    display: block;
}

#mainMenu
{
    position: relative;
    float: right;
    margin-right: 0px;
    /*bottom: 40px;*/
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

#mainMenu a
{
    color: #399BC0;
    text-decoration: none;
    margin: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #aaa;
    border-bottom: 0 none;
}
  

#mainMenu a:hover
{
    color: #00c9fd;
    
}

#mainMenu ul
{
    margin-bottom: 7px;
}

#mainMenu li
{
    list-style: none;
    display: inline;    
    margin: 0px;
    padding: 0px;
}

#loginInfo
{
    position: relative;
    padding-top: 10px;
    color: #FFFFFF;
    float: right;
}

#leftMenu
{
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 10pt;
    font-weight: bold;
    width: 160px;
    padding: 0px;
    margin:  0px;
    float: left;
}

#leftMenu a
{
    color: #15435B;
    text-decoration: none;
    margin: 2px 0;
    padding: 5px;
    padding-left: 15px;
    border: 1px solid #76786D;
    border-right: 0 none;
    height: 18px;
  /*  width: 220px;*/
    display: block;
}

#leftMenu a:hover
{
    background: #30b9c1;
    transition: all 0.2s linear 0s;
}

#leftMenu li, #leftMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#leftMenu h2
{
    font-size: 10pt;
    padding-left: 5px;
    padding-right: 5px;
    width: 160px;
    color: #399BC0;
}

.cleaner
{
    clear: both;
}

.panel
{
    background-color: #e1fbff;
    border: 1px solid #b6dcd5;
}

.panel td, .panel tr
{
    background-color: #e1fbff;
    border: 0px;
}

#messagePanel
{
    margin-top: 0px;
    border: 1px solid #b6dcd5;
    padding: 1px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 12px;
}

#messagePanel img
{
    margin-right: 10px;
}

#messagePanel .messageError, #messagePanel .messageWarning, #messagePanel .messageInfo
{
     margin: 0px;
     padding: 5px;
     padding-top: 2px;
     padding-bottom: 2px;
     margin-top: 1px;
}

#messagePanel .messageError, #questionForm tr.validation-error td
{
    background-color: #ffd5d5;
    font-weight: bold;
    color: red;
}

#messagePanel .messageWarning
{
    background-color: #ffffc6;
    font-weight: bold;
}

#messagePanel .messageInfo
{
    background-color: #D8FEB5;
}

input[type=submit], input[type=button]
{
    border: 1px solid #b6dcd5;
    cursor: pointer;
    background-color: #00b4fe;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px 12px;
}

input[type=submit]:hover, input[type=button]:hover
{
    background-color: #006997;
    transition: all 0.2s linear 0s;
}

select
{
    font-size: 14px;
}

select#change-lang {
  font-size:14px;
}

td input[type=text]:focus, td textarea:focus
{
    background-color: #f3f3f3;
}

td
{
    border-right: 1px solid #F8F7F5;
    background: #fff;
    padding: 4px 4px 4px 8px;
}

td.alt, tr.alt td
{
	background: #edfbff;
}

td.locked, tr.locked td {
  background: #ddd;
}

.barra_tabela {
	text-align: center;
        background: #e5e2dc;
        background-repeat: repeat-x;
}

.querySupport
{
    background-color: #F8F7F5;
}

.subtitulo {
	background: #F8F7F5;
}

th,.elementLabel
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #F8F7F5;
	border-bottom: 1px solid #F8F7F5;
	text-align: left;
	padding: 3px 6px;
	/*background: #e5e2dc;*/
        background-position: bottom left;
        background-repeat: repeat-x;
}

th
{
    font-weight: bold;
}

tr.error th
{
    background: #f0dcde url(../images/bg_header_error.jpg);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.form
{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.form td, .form th
{
    border-bottom: 1px solid #F8F7F5;
}

.form td
{
  /*  background-color: #f9feff;*/
    text-align: left;
}

.form th
{
    text-align: right;
    font-weight: bold;
}

.borders th {
  background-color: #e5e2dc;
}

.form td.required input
{
    background-color: #fcb830; /*#d2faff;*/
}

td.empty, th.empty
{
    background-color: transparent;
    border: 0px;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.infoTable
{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.infoTable td
{
    border-bottom: 1px solid #F8F7F5;
    border-right: 0px;
    text-align: left;
}

.infoTable th
{
    border-bottom: 1px solid #F8F7F5;
    text-align: right;
    font-weight: bold;
}

.center, .form th.center, .form td.center, .infoTable td.center, .infoTable th.center
{
    text-align: center;
}

.tab-container
{
    margin-left: auto;
    margin-right: auto;
}

.itemContent
{
    padding-bottom: 20px;
    border-bottom: 0px dotted #818181;
}

.itemHeading
{
    background: #e5e2dc;
    background-position: bottom left;
    background-repeat: repeat-x;
    font-size: 9pt;
}

.itemText
{
    font-size: 14px;
  /*  font-weight: bold; */
    letter-spacing: 1px;
}

.matrixItemText
{
    font-size: 10pt;
}

.itemAnswers
{
    padding-top: 10px;
}

table.matrix-question td
{
    border-right: 1px solid #e6e6e6;
    text-align: center;
}

table.matrix-question{
    width: 95%;
}

.warningPanel
{
    margin-top: 0px;
    border: 2px solid #ff0000;
    padding: 1px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9pt;
    background-color: #ffdddd;
    font-weight: bold;
}

div.workarea
{
    padding:10px;
}

ul.draglist
{
    position: relative;
    width: 500px;
    background: #f7f7f7;
    border: 1px solid #01d6fe;
    list-style: none;
    margin:0;
    padding:0;
}

li.list1 {
    background-color: #ffffff;
    border:1px solid #01d6fe;
    padding: 5px;
    cursor: move;
}

li.list1 a {
    cursor: pointer;
}

li.list1:hover {
    background-color: #01d6fe;
}

.edit-right
{
    float:right;
}

.loginTable {
    margin-bottom: 10px;
    width: 100%;
}

.loginTable td{
    border: none;
    padding: 5px;
    padding-bottom: 10px;
    color: black;
    font-weight: bold;
}

.loginTable td.oneQ{
    width: 30%;
}

.loginTable input[type=submit]
{
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;

    background: #7dbb52;
    border: none;
}

input[type=submit]:hover
{
    background-color: #a5e876;
    transition: all 0.2s linear 0s;
}

#questionForm input[type=submit]
{
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;

    background: #7dbb52;
    border: none;
 

    padding: 4px 10px;
    min-width: 120px;
}

#questionForm input[type=submit]:hover
{
  
    background-color: #a5e876;
    transition: all 0.2s linear 0s;
}

#questionForm table tr.light
{
    background-color: #FFFFFF;
}

table.matrix-question tr.light td, table.matrix-question tr.gray td  {
    padding: 8px 5px;
}

table.matrix-question tr.light:hover, table.matrix-question tr.gray:hover {
  background-color: #FCB830;  
}

table.matrix-question tr.light:nth-child(even) td{
  background-color: #eee;  
}

table.matrix-question tr.light:nth-child(odd) td {
  background-color: #fff;  
}

table.matrix-question tr.light:hover td, table.matrix-question tr.gray:hover td {
  background-color: #ff8;  
}

table.matrix-question {
  border-spacing: 0;
}

#questionForm table tr.gray
{
    background-color: #EBEBEB;
}

#questionForm table td
{
   /* background: transparent;*/
    color: #15435B;
    font-size: 12px;
}

#questionForm table
{
    border-collapse: collapse; 
}

.align_left{
    text-align: left;
}

.commentsTable{
    margin-left: auto;
    margin-right: auto;
    width:95%;
}

.commentsTable td{
    border: none;
}

td.null {
  font-style: italic;
  background-color: #ddd;
}

img.thumbnail{
  max-width:530px;
}

input.hidden, span.hidden, td.hidden, tr.master, th.hidden{
  display: none;
}

a.delete-image {
  text-decoration: none;
}

#dijit_Dialog_0_underlay { background-color:black; }

.notification_dialog_bottom{
  margin-top: 20px;
  text-align: right;
}

.notification_dialog_bottom a.skip {
  font-size: 90%;
}


.change-pass {
    background: url(../images/icon/key.png) left center no-repeat;padding-left:20px;
}

#expanded_agreement  {
  margin-top: 20px;
  display: none;
}

td.test-item-horizontal {
  text-align: center;
  font-weight: bold;
}

.voucher-code{
  font-size: 200%;
  font-weight: bold;
  color: #f00;
}