@charset "utf-8";
/* CSS Document */

html, body, form, fieldset 
{
    margin: 0;
    padding: 0;
}

body
{
    background:#333333;
    text-align:center;
    margin-left: auto; 
    margin-right: auto;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
    font-size: 12px;
}

#main_container
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

#header
{
    width: 960px;
    height: 200px;
    background: url(../images/header_background.png) #A31919 top left no-repeat;
}

#content
{
    width: 960px;
    min-height: 400px;
    display: block;
    background: #ffffff;
}

h2.title {
    text-align: left;
    margin: 10px 0;
}

#mainarea
{
    margin: 0;
    padding: 10px;
    display: block;
    word-wrap: break-word;
}

#footer
{
    width: 960px;
    height: 25px;
    display: block;
    margin-top: 35px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-top: 10px;
    font-weight: bold;
    text-align: right;
    color: #CCCCCC;
}

#footer a
{
    color: #cccccc;
}

.login_view
{
    min-height: 600px;
    text-align: left;
}
.login_view p.hint { color: #ED1C24; }

.login_header
{
    font-size: 1em;
    font-weight: bold;
    color:#333333;
    padding-left: 3px;
}

.login_form td, .registration_form td
{
    text-align:left;
    vertical-align:top;
}

.login_form ul.errors, .registration_form ul.errors
{
    margin: 0 0 0 15px;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color:#FF0000;
}

.login_form input.inputbox
{
    background-color: #bdc6de;
    border: 3px solid #e0e0e0;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    width: 150px;
}

.login_form input.button
{
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    width:75px;
    background-color: #bdc6de;
    border-style:solid;
    border-color:#000000;
    border-width:1px;
}

.offline_view
{
    min-height: 600px;
    text-align: left;
}

.offline_view .maintenance_message {
    font-weight: bold;
    font-size: 1.333em;
}

.controlsTable
{
    width: 100%;	
}

.controlsTable dd
{
    margin: 0;	
}
#ctrlback {
    clear: both;
    width: 100%;
    height: 100%;
}
.formalDate
{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    padding: 2px;

}

.auditionDate
{
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    font-size: 1.25em;
    padding: 2px;
    color:#666666;
}

.auditionType
{
    color:#0066FF;
}

.legend
{
    font-family: "Trebuchet MS", Arial, sans-serif;
    float: left;
    font-size: 0.9em;
    font-weight:bold;
    padding-right: 10px;
}

#dialog1_underlay,
#errDialog1_underlay,
#noticeDialog1_underlay
{
    background-color: #222222;
}

#processSteps
{
    padding: 5px 5px 5px 5px;
}
#processSteps div.text
{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    text-align:left;
    display: block;
    width: 300px;
    height: 35px;
    float: left;
}
#processSteps div.loader
{
    display: block;
    text-align:right;
    width: 400px;
    height: 35px; 
    float: left;
}
.instructionalText
{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1em;
    text-align: left;
    font-weight: bold;
    color: #333333;
}
.regularText
{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1.16em;
    text-align: left;
    font-weight: normal;
    color: #333333;
}

.schedulehead {
    font-weight: bold;
    color: #FFF;
    font-size: 20px;  
    background: url('../images/calendar/calBack.gif') repeat center left;
    padding: 5px;
    height: 25px;
}

table.zend_form_register {
    width: 100%;
}
table.zend_form_register td {
    vertical-align: top;
    padding: 0 5px 0 0;
}

table.zend_form_register td label {
    font-weight: bold;
}

table.zend_form_register td.element {
    padding: 0 0 5px 0;
    width: 75%;
    text-align: left;
}
table.zend_form_register td.element label {
    display:block;
    font-weight: normal;
}
table.zend_form_register td.button {
    padding: 30px 0 0;
    text-align: left;
}

.tundra table.zend_form_register td.element label .dijitRadio, 
.tundra table.zend_form_register td.element label .dijitRadioIcon {
    margin-right: 5px;
}

.filter_element { display: inline; }

#agreement_profile-agreement_profile { color: #000000; background: #f5f5f5; }

ul.errors {
    color: #ed1c24;
    font-size: 0.9em;
    margin: 5px 0;
}

/* Calendar styles 
----------------------------------------------------------------------------------------------------*/

#calendar td {
    font-family: "Trebuchet MS", Arial, sans-serif;
}

#calback {
    clear: both;
    width: 100%;
    height: 100%;
    background: url('../images/calendar/calWaiting.gif') no-repeat center;
}

#calendar {
    background: #FFF;
    width: 100%;
    height: 100%;
}

.cal {
    width: 850px;
    border: 1px solid #CCC;
    margin: 0 auto;
}

.cal a {
    color: #0C0;
    text-decoration: none;
    border-bottom: 1px dashed #CCC;
    font-size: 9px;
}

.cal a:hover {
    color: #0E0;
}

.calhead {
    width: 100%;
    font-weight: bold;
    color: #FFF;
    font-size: 20px;  
    background: url('../images/calendar/calBack.gif') repeat center left;
    padding: 5px;
}

.calhead img {
    border: none;
}

.calhead table {
    width: 100%;
}

.calhead a {
    text-decoration: none;
    border: none;
}

.dayhead {
    height: 25px;
    background: #EEE;
}

.dayhead td {
    text-align: center;
    color: #000;
}

.dayrow {
    background: #FFF;
    height: 75px;
}

.dayrow td {
    width: 14%;
    font-size: 11px;
    color: #656551;
    padding: 3px;
    border: 1px solid #DDD;
    text-align: right;
    z-index: 300;
}

.day {
    font-weight: bold;
    font-size: 12px;
    /*float: right;*/
}

.dayover {
    background: #bdc6de;
    cursor: pointer;
}

.dayout {
    background: #FFF;
}

.dayover_picked {
    background: #bdc6de;
    cursor: pointer;
}
.dayover_picked .notify{
    clear:both;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;

}

.dayout_picked {
    background: #3399FF;
    color: #FFFFFF;
}
.dayout_picked .notify{
    clear:both;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.dayover_alt_picked {
    background: #bdc6de;
    cursor: pointer;
}

.dayout_alt_picked {
    background: #99CCFF;
    color: #FFFFFF;
}

.dayover_unavail {
    background: #bdc6de;
    cursor: pointer;
}

.dayout_unavail {
    background: #CC6600;
}

.daydisabled
{
    background: #e0e0e0;
}
.dayblank
{
    background: #333333;
}

.taxprep, .taxgreet
{
    text-align: right;
    width: 100%;
}
.tally
{
    color: #000099;
    font-weight:bold;
}

#event {
    font-family: Arial, sans-serif;
    width: 100%;
    height: 100%;
    border-top: 1px solid #727260;
    border-bottom: 1px solid #727260;
}

#event .heading {
    padding: 10px;
    position: relative;
    background: url('../images/calendar/calEvent.gif') repeat-x top left;
    border-bottom: 1px dotted #CCC;
}

#event .title {
    color: #656551;
    font-size: 16px;
    font-weight: bold;
}

#event .posted {
    color: #8C8C73;
    font-size: 10px;
}

#event .back {
    position: absolute;
    top: 10px;
    right: 10px;
}

#event .back a {
    color: #0C0;
    text-decoration: underline;
    border: none;
    font-size: 10px;
}

#event .back a:hover {
    color: #0E0;
}

#event .line {
    padding: 10px;
    overflow: auto;
}

.error {
    color: #C00;
    font-size: 1.16em;
    font-weight: bold;
}

#jump {
    z-index: 100;
    line-height: 30px;
    padding: 5px;
    background: #F6F6F6;
    border: 1px solid #888;
}

#jump a {
    text-decoration: none;
    border: none;
}

#jump img {
    border: none;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* for ZFDatagrid */

#grid_view .formTable {
    width: 99%
}

#grid_view .subForm {
    margin-bottom: 5px;
    width: 100%;
}

#grid_view .noRecords {
    padding: 10px;
    text-align: center;
    color: brown;
    font-size: 14px;
}

#grid_view th a .selected {
    font-weight: bold;
}

#grid_view .formTitle {
    background: #EEA966 url(../images/bg_helper_button.jpg) repeat-x;
    font-size: 11px !important;
    font-weight: bold;
}

#grid_view form .element {
    padding: 4px;
    margin: 0;
}

#grid_view .element ul {
    width: auto !important;
}

#grid_view form label {
    font-size: 11px;
    display: block;
}

#grid_view .subtitulo span {
    width: 40px;
    display: block;
    float: left;
}

#grid_view .subtitulo  {
    padding-left:5px;
    text-indent:0;
}

#grid_view .gridLoading {
    background: #F2F2F2 url(../images/ajax-loader.gif) no-repeat center
        center;
    border: 1px solid #FFA500;
}

#grid_view .paginatinExport {
    float: left;
    width: 110px;
}

#grid_view .paginationNumbers {
    float: left;
    text-align: center;
    width: 750px;
}

#grid_view .massActions {
    background-color: beige;
    text-align: right;
}

#grid_view .massActions .massSelect {
    display: block;
    float: left;
    padding-top: 2px;
}

#grid_view .massActions * {
    color: #333;
    text-decoration: none;
}

#grid_view .massActions input {
    margin-left: 10px;
}

#grid_view .buttons {
    text-align: center;
    background-color: #DEDEDE;
}

#grid_view input[type='checkbox'], #grid_view input[type='radio'] {
    width: 14px !important;
    height: 14px !important;
    border: 0px;
    padding: 0px;
    margin: 2px;
}

#grid_view td div input[type='text'],#grid_view td div input[type='password'],#grid_view .subtitulo input[type='text'],#grid_view .subtitulo input[type='password'],#grid_view .subtitulo  select
{
    width: 90% !important;
    border: 1px solid #aaa;
    min-width: 20px;
    margin: 2px;
}

#grid_view .querySupport button {
    background: url("../images/bg_helper_button.jpg") repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #55391C;
    cursor: pointer;
    font-size: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 1px;
}

#grid_view .querySupport {
    background: #FFF url(../images/bg_helper.jpg);
}

#grid_view .querySupport div {
    text-align: right;
}

#grid_view #newGrid {
    border: 2px solid #333;
}

#grid_view #newGrid .td {
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #fff;
    padding: 4px 4px 4px 8px;
    color: #333;
}

#grid_view .addRecord {
    text-align: center;
    background-color: #DEDEDE;
    float: left;
}

#grid_view .addRecord a {
    text-decoration: none;
    font-size: 10px !important;
}

#grid_view td input[type='checkbox'],td input[type='radio'],td textarea:focus {
    border: 1px solid #666;
    background-color: #f4F4F4;
}

#grid_view table.borders {
    border: 2px solid #FFa500;
    border-collapse: collapse;
    width: 100%;
}

#grid_view  {
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    background: #99ACBD url(../images/fundo.jpg) repeat-y top center;
}

#grid_view .semLimites {
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: auto;
}

#grid_view td.alt2 {
    text-align: center;
    background-color: #DEDEDE;
}

#grid_view select {
    font-size: 10px;
}

#grid_view td {
    vertical-align: middle;
    font-size: 10px;
}

#grid_view .formValue {
    width: 550px;
}

#grid_view div .element label {
    font-size: 11px;
    font-style: normal;
}

#grid_view div .element {
    font-style: italic;
    margin-right: 10px;
}

#grid_view td.esquerda {
    width: 350px;
}

#grid_view .errors li,#grid_view .errors {
    color: #FF0000;
}

#grid_view .errors {
    padding-left: 15px;
    margin: 0;
    margin-top: 5px;
}

#grid_view .formLabel {
    text-align: right;
    display: block;
    margin-right: 10px;
}

#grid_view .hbar {
    text-align: center;
    background: #FFF url(../images/hbar.jpg);
    font-variant: small-caps;
}

#grid_view .hbar div {
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
}

#grid_view td {
    border: 1px solid #ffa500;
    text-indent: 5px;
    padding: 4px 0px 4px 0px;
    color: #333;
}

#grid_view #newGrid td {
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #fff;
    padding: 4px 4px 4px 8px;
    color: #333;
}

#grid_view td.alt,#grid_view tr.alt  td {
    background: #DEDEDE;
    color: #333;
}

#grid_view .button {
    padding: 1px;
    border: 1px solid #275DA8;
    width: 98%;
}

#grid_view .sum {
    border: 0px;
    background-color: #999;
    color: F4F4F4;
}

#grid_view #center {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

#grid_view .barra_tabela {
    background-color: #F0E4CC;
    text-align: center;
}

#grid_view .barra_tabela input {
    width: 120px !important;
    margin: 4px;
}

#grid_view .barra_tabela a {
    padding: 2px 2px 2px 2px;
    margin: 2px;
    text-decoration: none;
    color: #333;
}

#grid_view .barra_tabela a img {
    border: 0px solid #ffa500;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 3px;
}

#grid_view .topo ul li span {
    font-weight: bold;
}

#grid_view .topo ul li span * {
    color: #333;
    text-decoration: none;
}

#grid_view .topo ul li {
    border-bottom: 1px solid orange;
    margin: 2px;
}

#grid_view .alerta {
    border: 1px solid #003b16;
    padding: 5px;
    margin: 10px;
    text-align: center;
    color: green;
    font-weight: bold;
}

#grid_view .alerta_red {
    padding: 1px;
    margin: 2px;
    text-align: center;
    color: #DA1609;
}

#grid_view .tabela_print a {
    border: 0px;
    background-color: #F0E4CC;
    padding: 0px;
    padding-left: 1px;
}

#grid_view .subtitulo select {
    width: 95%;
    border: 1px solid #AAA;
}

#grid_view .subtitulo {
    background: #FFFFFF url(../images/pageoptions2.jpg) repeat-x bottom;
}

#grid_view .noText span {
    display: none;
}

#grid_view .noSelect em {
    display: none;
}

#grid_view #header {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    width: 919px;
    height: 109px;
    background-image: url('../images/fundo_topo.jpg');
    border-bottom: 0px;
    clear: both;
}

#grid_view th a {
    color: #FFF;
}

#grid_view th,#grid_view .elementLabel {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border-right: 1px solid #ffa500;
    border-bottom: 2px solid #ffa500;
    text-align: left;
    padding: 3px 6px;
    background: #2e3130 url(../images/grid/bg_header.jpg);
}

#grid_view .input_p {
    border: 1px solid #AAA;
    width: 98%;
}

#grid_view th a {
    text-decoration: none;
}

#grid_view .width_33p {
    width: 33%;
}

#grid_view .width_30 {
    width: 30px;
}

#grid_view .width_20 {
    width: 20px;
}

#grid_view .width_50p {
    width: 50%;
}

#grid_view .width_60p {
    width: 60%;
}

#grid_view .width_80p {
    width: 90%;
}

#grid_view .width_40p {
    width: 40%;
}

#grid_view .width_50 {
    width: 50px;
}

#grid_view .width_75 {
    width: 75px;
}

#grid_view .width_150 {
    width: 150px;
}

#grid_view .width_160 {
    width: 160px;
}

#grid_view .width_500 {
    width: 640px;
}

#grid_view .width_400 {
    width: 400px;
}

#grid_view .width_350 {
    width: 250px;
}

#grid_view .width_100 {
    width: 100px;
}

#grid_view .width_80 {
    width: 80px;
}

#grid_view .width_data {
    width: 80px;
    display: block;
    height: 14px;
    overflow: hidden;
}

#grid_view .width_120 {
    width: 120px;
}

#grid_view .width_200 {
    width: 200px;
}

#grid_view .detailLeft {
    width: 150px;
    font-weight: bold;
    background-color: #DDD;
}

#grid_view .red {
    background-color: red !important;
}

#grid_view .green {
    background-color: green !important;
}

/* custom for ZFDatagrid */

div#choicesPane {
    height: 400px;
    overflow: auto;
}