/* render form */

.formTable {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;

}
/* formulator render_form */
div.group-label {
    padding-top: 10px;
    font-size: 120%;
    font-weight: normal;
}

table.form-group {
  background-color: #F6F6F6;
  border: solid 1px #CCCCCC;
  width: 100%;
}

.form-group th {
  text-align: left;
}

.form-field-error {
  color: #FF0000;
  font-size: small;
}

.form-field-cell {
  color: #000000;
}

.form-field {
}

.error-message {
  color: #CC0000;
}

.label-form-field {
    border-collapse: collapse;
    border: 1px solid #E6E6E6;
}

/* system messages */

.system_messages_container {
/*  border: 1px solid #CCCCCC;
  background-color: #EEEEEE; */
  font-weight: bold;  
  padding: 0.4em;
  padding-bottom: 0.0em;
  z-index:1000;

}

.system_message_info_img, .system_message_warning_img, .system_message_error_img {
    display: none;
    float:left;
}

.system_message_info_msg, .system_message_warning_msg, .system_message_error_msg {
  font-weight: bold;
  padding: 0.6em;
  margin-bottom: 0.4em;
}

.system_message_info_msg {
  border: 1px solid #007D39;
  background-color: #F4FFFA;
}


.system_message_warning_msg {
  border: 1px solid #CCCC00;
  background-color: #FFFFF4;
}


.system_message_error_msg {
  border: 1px solid #CC0000;
  background-color: #FFFAFA;
}


.system_message_button {
    display: none;
}

/* communication box */

.communication_box {
  width:450px;
  height:100px;
}

/* formulator */
.form-field {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.form-field-cell {
    padding-left: 16px;
    padding-right: 16px;
}

.form-field-error {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #FFEAEA;
    border-top: 0px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 0px solid #FFFFFF;
}

.form-field-error-msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC0000;
    padding-bottom: 4px;

}

.form-field-label {
    padding: 4px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1478B7;
}

.form-button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #0066CC;
    color: #FFFF00;
    border-top: 2px solid #6699FF;
    border-right: 2px solid #000066;
    border-bottom: 2px solid #003399;
    border-left: 2px solid #CCCCFF;
    height: 22px;

}



/* custom css */

body {
	 width: auto;
	 margin: 13px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:5px;
    color: #1478B7;;  /* #5678B7; according to the Design Guideline */
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:5px;
}

th {
font-size: 13px;
}

.tdLogin {
	padding-right: 10px;
}

.tdLogin form {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.contentContainer {
	width: 100%;
	height: auto;
}

/* auto-suggest field */

div.as_container
{
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:  white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #000000;
}

div.as_element, div.as_selected, div.as_warning
{
    color:  #000000;
    padding: 0;
    margin: 0;
    text-align: left;
    display: block;
    padding: 3px 6px;
    cursor:hand;
    border-top: none;
    border-right: none;
    border-bottom: 1px dotted #999999;
    border-left: none;
}


div.as_selected
{
    background-color: #000066;
    color: #FFFFFF;
}

div.as_warning
{
    text-align: center;
    cursor:default;
}

span.as_info
{
    font-weight: normal; 
    font-size:9px;
}

div.as_element em, div.as_selected em
{
    font-style: normal;
    color: red; 
}

/* render form */

.formTable {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;

}
/* formulator render_form */
div.group-label {
    padding-top: 10px;
    font-size: 120%;
    font-weight: normal;
}

table.form-group {
  background-color: #F6F6F6;
  border: solid 1px #CCCCCC;
  width: 100%;
}

.form-group th {
  text-align: left;
}

.form-field-error {
  color: #FF0000;
  font-size: small;
}

.form-field-cell {
  color: #000000;
}

.form-field {
}

.error-message {
  color: #CC0000;
}

.label-form-field {
    border-collapse: collapse;
    border: 1px solid #E6E6E6;
}

/* system messages */

.system_messages_container {
/*  border: 1px solid #CCCCCC;
  background-color: #EEEEEE; */
  font-weight: bold;  
  padding: 0.4em;
  padding-bottom: 0.0em;
  z-index:1000;

}

.system_message_info_img, .system_message_warning_img, .system_message_error_img {
    display: none;
    float:left;
}

.system_message_info_msg, .system_message_warning_msg, .system_message_error_msg {
  font-weight: bold;
  padding: 0.6em;
  margin-bottom: 0.4em;
}

.system_message_info_msg {
  border: 1px solid #007D39;
  background-color: #F4FFFA;
}


.system_message_warning_msg {
  border: 1px solid #CCCC00;
  background-color: #FFFFF4;
}


.system_message_error_msg {
  border: 1px solid #CC0000;
  background-color: #FFFAFA;
}


.system_message_button {
    display: none;
}

/* communication box */

.communication_box {
  width:450px;
  height:100px;
}

/* formulator */
.form-field {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.form-field-cell {
    padding-left: 16px;
    padding-right: 16px;
}

.form-field-error {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #FFEAEA;
    border-top: 0px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 0px solid #FFFFFF;
}

.form-field-error-msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC0000;
    padding-bottom: 4px;

}

.form-field-label {
    padding: 4px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1478B7;
}

.form-button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #0066CC;
    color: #FFFF00;
    border-top: 2px solid #6699FF;
    border-right: 2px solid #000066;
    border-bottom: 2px solid #003399;
    border-left: 2px solid #CCCCFF;
    height: 22px;

}



/* custom css */

body {
	 width: auto;
	 margin: 13px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:5px;
    color: #1478B7;;  /* #5678B7; according to the Design Guideline */
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:5px;
}

th {
font-size: 13px;
}

.tdLogin {
	padding-right: 10px;
}

.tdLogin form {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.contentContainer {
	width: 100%;
	height: auto;
}

/* auto-suggest field */

div.as_container
{
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:  white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #000000;
}

div.as_element, div.as_selected, div.as_warning
{
    color:  #000000;
    padding: 0;
    margin: 0;
    text-align: left;
    display: block;
    padding: 3px 6px;
    cursor:hand;
    border-top: none;
    border-right: none;
    border-bottom: 1px dotted #999999;
    border-left: none;
}


div.as_selected
{
    background-color: #000066;
    color: #FFFFFF;
}

div.as_warning
{
    text-align: center;
    cursor:default;
}

span.as_info
{
    font-weight: normal; 
    font-size:9px;
}

div.as_element em, div.as_selected em
{
    font-style: normal;
    color: red; 
}


.contpart img{
	max-width: 1000px;
}