/* planit styles */


div.planit_warning
{
    padding:                3px 3px 20px 50px;
    border:                 0px none;
    background:             rgb(255,250,231)
                            url('../../images/compere/tooltips/warning.gif')
                            no-repeat;
    margin:                 5px 0px 10px 0px;
    background-position:    7px 3px;
    font-weight:            bold;
}

TABLE.planit_options { background: white; width: 100%; text-align: center; }
TABLE.planit_options TD.section { vertical-align: top; text-align: left; }
TABLE.planit_options TD.section TABLE { width: 90%; padding: 0 }
TABLE.planit_options TR.title TH
{
   color:                  #227;
   font-weight:            bold;
   text-align:             left;
   background:             #f7f7f7 url('../../images/compere/big_arrow.gif') no-repeat left center;
   padding-left:10px;
}

TABLE.planit_options .highlight { background-color: #f7f7f7; }
TABLE.planit_options .highlight_invalid { background-color: rgb(255,231,231) ; }

TABLE.combination_options { background: white; width: 50%; text-align: left; padding: 0px 25px; }
TABLE.combination_options TR.title { text-align:left; padding-left:5px; background: #f7f7f7; color: #000066; font-weight: bold; padding-left: 5px;}
TABLE.combination_options TD.section { padding-left:5px; padding-bottom:10px; }

.planit_schedule_table { border: 0; margin: 0; padding: 2px; color: #000000; font-size: 10pt; }
.planit_schedule_header { text-decoration: underline; font-weight:bold;}
.planit_schedule_grouping_header { text-align: left; }
.planit_schedule_data_header { text-align: center; }
.planit_schedule_grouping { text-align: left; }
.planit_schedule_data { text-align: right; }
.planit_schedule_total { text-decoration: underline; font-weight: bold; }
.planit_schedule_data_total { text-align: right; }

.planit_inputfield_value { font-size: 8pt; color: #000000; width:100%;  }
.planit_report_title { color: #000000; font-weight: bold; font-size:13pt; }
.planit_report_text { color: #000000; font-size: 10pt; width:100%; }
.planit_report_value { color: #000000; font-size: 10pt; }
.planit_report_total { color: #000000; font-size: 10pt; font-weight: bold;}

.planit_background { background-color: #FFFFFF; }
.planit_text { font-size: 10pt; }
.planit_desc { font-size: 9pt; }
.planit_field { display:inline; font-family:arial; font-size: 9pt; }
.planit_fields_header { font-family:arial; font-size: 9pt; text-decoration: underline;}

.planit_inputfield { font-size: 9pt; color: black; margin: 0;}
.planit_schedule_inputfield { font-size: 9pt; color: black; }
.planit_header { font-weight: bold; font-size: 10pt; }
.planit_display_type { font-size: 11pt; text-decoration: underline; }

.planit_inputfield_options { display:none; font-size: 9pt; color: #000000; }
.planit_inputfield_options_visible { font-size: 9pt; color: #000000; }

.planit_inputfield_attributes {
  background:       rgb(234, 245, 245);
  border:           1px solid black;
  width:            95%;
  margin-left:      10px;
}

.planit_template_title {  text-align: left; font-size: 8pt;font-family: verdana, arial; border-bottom: solid 1px #dddddd; padding-left:0px; padding-bottom:5px; font-weight:bold; }
.planit_waiting_text { font-size: 10pt; font-family: verdana, arial; padding-top:50px; padding-left:50px; }
.plaint_schedule { font-family: Arial, Helvetica; font-size: 11px; color: #525252; white-space: nowrap; }
.planit_alert { font-family: Arial, Helvetica; font-size: 14px; color: red; font-weight:bold; }
.planit_alert_small { font-family: Arial, Helvetica; font-size: 12px; color: red; font-weight:bold; }

DIV.planit_graph_image_scroller { width: 800px; overflow: auto;  border-style: solid; border-color: #000000; border-width: 1px;}
DIV.planit_grouping_options { width:400px; height: 300px; vertical-align:top; overflow: auto; font-family: Arial, Helvetica; font-size: 11px; color: #525252; }

TABLE.planit_search { padding:0px; border: 0px #dddddd solid; color:#E2EEF5; font: 8pt arial; }
TABLE.planit_search TD { color: #404040; font-size: 8pt; }

.planit_template_title {  text-align: left; font-size: 8pt;font-family: verdana, arial; border-bottom: solid 1px #dddddd; padding-left:0px; padding-bottom:5px; font-weight:bold; }

.drop_container  { background-color:#ffffff; border: 1px solid #d7d7d7; }
.start_container  { background-color:#ffffff; border: 1px solid #d7d7d7; }

.drag { position: relative; cursor: move; }
.drag INPUT, .drag TABLE { position: relative; cursor: move; }

.planit_selected   {  background-color: #ffcc00; }
.planit_unselected { background-color: white;  }

TABLE.planit_table { width:100%;  font-size: smaller; border: 0; background:#f7f7f7; }
TABLE.planit_table TR.title TH { font-size: 8pt;  text-align: left; background: white; border-bottom: solid 2px #ffffff; }
TABLE.planit_table TR.spacer { height: 20px; }
TABLE.planit_table TD.info_cell { background: white; width: 50%; vertical-align: top; font-size: 8pt; }
TABLE.planit_table TD.column_one { width: 50%; vertical-align: top; }
TABLE.planit_table TD.column_two { width: 50%; vertical-align: top; padding-left: 10px; }
TABLE.planit_table TABLE.motd { border: solid 1px #ffffff; margin-bottom: 20px; font: bold 10pt arial; }

DIV.planit_crosstab_container {width:100%;min-height:100px; overflow:auto; border:solid 0px black}
TABLE.crosstab_table TR.header_row { background: rgb(231,242,255); }
TABLE.crosstab_table TD.header_col { background: rgb(231,242,255); }
TABLE.crosstab_table TD.value_col  { border: 1px #f7f7f7 solid; }
TABLE.crosstab_table TD.value_col_hover  { border: 1px #f7f7f7 solid; background:#d7d7d7; }



DIV.planit_restrict_values {width:100%;height:70px;overflow: auto;border-style:solid;border-color:#000000;border-width:1px; font-size:8pt;}
DIV.planit_image_container {width:300px;height:300px;border-style:solid;border-color:#000000;border-width:1px;}

TD.planit_stage_header { width:100%; font-size:x-small; font-weight:bold; }
TD.planit_stage { font-size:x-small; }


TABLE.graph_data TH { font-size: x-small;padding: 2px; text-align: left;}
TABLE.graph_data TD { font-size: x-small;padding:2px; }

DIV.graph_options { padding-left:25px; }

.filter_tab { font-size: 1em; font-weight: bold; color: #330033; text-align: center; background: #f7f7f7; height:100%; padding-top: 3px; vertical-align: middle; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
.filter_tab_active { font-size: 1em; font-weight: bold; color: #330033; text-align: center; background: #d7d7d7; height:100%; padding-top: 3px; vertical-align: middle; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

TABLE.image_field TD { padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }

/*******************************************************************************
 * PlanIt Wizard styles
 ******************************************************************************/
TABLE.WizardControl { border: 1px solid #d7d7d7; width: 100%; }
TABLE.WizardControl DIV.planit_tab { background: white; text-align: left; border: 0px; }


TABLE.WizardControl DIV.planit_tab_disabled { background: white; text-align: left; border: 0px; color: #dcdcdc; padding: 0px; border: 0px; }
TABLE.WizardControl DIV.planit_tab_disabled A:link          ,
TABLE.WizardControl DIV.planit_tab_disabled A:visited       ,
TABLE.WizardControl DIV.planit_tab_disabled A:visited:hover ,
TABLE.WizardControl DIV.planit_tab_disabled A:active        { font-weight:normal; color: #dcdcdc; border: 0px; cursor: default; }


TABLE.WizardControl DIV.planit_tab_active { background: white; color: #000066; text-align: left; border: 0px; font-weight: bold; padding: 0px; border: 0px; }
TABLE.WizardControl DIV.planit_tab_active A:link          ,
TABLE.WizardControl DIV.planit_tab_active A:visited       ,
TABLE.WizardControl DIV.planit_tab_active A:visited:hover ,
TABLE.WizardControl DIV.planit_tab_active A:active        { font-weight:normal; color: #000066;border: 0px; font-weight: bold; }

DIV.WizardOptionsTable { width: 100%; }
DIV.WizardOptionsTable TD.fieldname {  }
DIV.WizardOptionsTable TD.fieldvalue { text-align: left; }
DIV.GraphDetails { width: 28%; float: right; text-align: right; position: relative; background: #fcfcfc; height: 100%; border-left: 1px solid #dcdcdc; }

.wizard_heading { color: #000000; text-align: left; font-weight:bold;  }
.schedule_heading { color: #000000; text-align: left; font-weight:bold;  }

SPAN.grouping_1 { color: #a00000; font-weight: bold; }
SPAN.grouping_2 { color: #0000a0; font-weight: bold; }

DIV.PlanitWizard .fieldname   { color: #525252; text-align: left; font-weight: bold; width: 25%; padding: 3px; }
DIV.PlanitWizard .fieldvalue  { color: #525252; text-align: left; font-weight: normal; padding: 3px; vertical-align: middle; }

#form_container { width: 77%; }
#form_container DIV.PlanitWizard { margin-bottom: 0px; float: left; width: 70%; display: none; }
#simple_crosstab_controls { margin-bottom: 0px; float: left; width: 70%; display: block!important; }
#form_container.advanced { width: 100%; }
#form_container.advanced DIV.PlanitWizard { display: block!important; margin-bottom: 10px; margin-left: 2px; }

.planit_selected_borders { border:1px solid #525252; }

/*******************************************************************************
 * PlanIt Bootstrap Override
 ******************************************************************************/
table {
  margin-top: 5px;
}
/*
select {
  font-size: 1.2rem;
}*/

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  display: inline-block;
  margin-right: 5px;
}

.schedule_heading {
  padding-bottom: 5px;
}

.fieldname {
  /*font-size: 1.2rem;*/
  padding-bottom: 5px;
}

label {
  width: inherit;
  display: inline-block;
}

/*******************************************************************************
 * Login Bootstrap Override
 ******************************************************************************/
table.small_page {
  margin: 0 auto;
  width: auto;
}

table.info h4 {
  font-size: 1.6rem;
}

table.info p {
  margin-top: 10px;
  margin-bottom: 10px;
}

table.info td {
  vertical-align: middle;
}

table.info input[type="text"],
table.info input[type="password"] {
  margin-left: 5px;
  width: 200px;
}

table.info .styled_button {
  width: 70px;
  text-align: left;
  margin-left: 5px;
}

/*******************************************************************************
 * Profile Bootstrap Override
 ******************************************************************************/
.profile-edit h1 {
  font-size: 2rem;
}

.profile-edit h5 {
  font-size: 1.2rem;
}

.profile-edit td{
  padding-bottom: 10px;
}

.profile-edit label {
  font-weight: normal;
  width: 100%;
}

.profile-edit input[type="submit"] {
  width: 144px;
  text-align: left;
}

.profile-edit table {
  padding-bottom: 10px;
}

.profile-edit p {
  padding-bottom: 10px;
}