/*************************** Meldungen related START *************************/
hr.cpErrors {
    color:            #3E698C;
    background-color: #3E698C;
    height:           1px;
    border-style:     none;
}

table.cpErrors {
    font:             12px Arial;
    color:            #3E698C;
	background-color: transparent;
	border:           0px solid transparent;
    width:            100%;
}

hr.cpHints {
    color:            #3E698C;
    background-color: #3E698C;
    height:           1px;
    border-style:     none;
}

table.cpHints {
    font:             11px Verdana;
    color:            #3E698C;
	background-color: transparent;
	border:           0px solid transparent;
    width:            100%;
}
/*************************** Meldungen related END ***************************/


/*************************** Linien related START ****************************/
hr.endOfPage {
    color:            #8FA8BC;
    background-color: #8FA8BC;
    height:           1px;
    border-style:     none;
    margin:           10px 0px 10px 0px;
    padding:          0px 3px 0px 3px;
    display:          none;
}

hr.insidePage {
    color:            #8FA8BC;
    background-color: #8FA8BC;
    height:           1px;
    border-style:     none;
}

td.separator {
    background-color: #8FA8BC;
    width:1px;
}

td.overlined {
    border-top:1px solid #8FA8BC;
    font-size:0px;
}
/*************************** Linien related END ******************************/

/*************************** allg related START ****************************/

/* Tabellen, die nur f�r das Layout sind*/
table.justForLayout{
	border-spacing: 0px;
}

td.label, td.toplabel, td.highlightLabel, td.unit, td.headline, td.headline2 {
    height:         21px;
    color:          #3E698C;
    font:           12px Arial;
    vertical-align: middle;
}

/* hervorgehobenes Label */
td.highlightLabel {
    font:  bold 12px Arial;
	color: #3E698C;
}

/* �berschrift 1 = Seiten�berschrift */
td.headline {
    font:  bold 14px Arial;
	color: #3E698C;
}

/* �berschrift 2 = Zwischen�berschriften innerhalb der Seiten */
td.headline2 {
    font:  bold 12px Arial;
	color: #3E698C;
}

/* Ausgabetexte z.B. auf der Risikoabsicherung-Empfehlungsseite:
   "Nach Ihren Angaben ist eine Absicherung ..." */
td.textOutput {
	color:	#3E698C;
    font:	12px Arial;
}

/* Einheit/W�hrung */
td.unit {
    padding-left: 3px;
}

/* Ausgabe von Betr�gen und Daten*/
td.amount, td.decimal, td.data {
    height:           21px;
    padding-right:    2px;
    padding-left:     2px;
    padding-bottom:   0px;
	padding-top:      0px;
    color:            #000000;
    font:             normal 12px Arial;
    vertical-align:   middle;
	border:           1px solid #B4B2B4;
	background-color: #FFFFFF;
}

/* Ausgabe von Betr�gen */
td.amount, td.decimal {
    text-align:right;
}

/* Darstellung von Defiziten, z.B. Versorgungsl�cken */
input.deficit,
td.deficit{
    color: #FF0000;
    font-weight:bold;
}

/* Fu�noten */
td.footnote{
	color: #3E698C;
    font: 12px Arial;
}

/*************************** Icons ****************************/

a img{
	margin-top: 2px;
}

img.de_nse_info_icon{
	cursor: pointer;
}

/****************************************** Eingabe-Felder related START *********************************************/

textarea.text {
    color: #000000;
    background-color: #FFFFFF;
    border:1px solid #B4B2B4;
    font: normal 12px Arial;
}

/* dazu geh�ren: input.text, input.amount, input.decimal */
input {
    height:17px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #B4B2B4;
    font: normal 12px Arial;
    vertical-align: middle;
}

/* Eingabefelder mit angeh�ngten zugeh�rigen Icons rechts neben dem Feld z.B. Kalender-Icon bei Date-Feldern */
input.icon-addon {
     margin-right: 3px;
     float: left;
}

input.amount, input.decimal {
    text-align:right;
}

input.checkbox, input.radio {
    width:            auto;
    height:           auto;
    text-align:       center;
	border:           0px;
	background-color: transparent;
	margin-bottom:    2px;
    margin-top:       2px;
}

/* Beschriftung einer Checkbox / eines Radiobuttons = der Wert */
td.checkboxValue, td.radioValue{
	color: #3E698C;
    font: 11px Verdana;
}

input.file {
    height: 19px;
}

/*dazu geh�ren: select.select, select.dropdown*/
select {
    color: #000000;
    background-color: #FFFFFF;
    border:1px solid #B4B2B4;
    font: normal 12px Arial;
}

select.dropdown {
    vertical-align: middle;
    height: 21px;
}

/****** Pflichtfeld-Markierungen ******/

/*mandatory wird als weitere Klasse dem Element zugef�gt zugef�gt, um das Feld als Pflichtfeld zu kennzeichnen*/
input.cp-html-mandatory, select.cp-html-mandatory, textarea.cp-html-mandatory {
    background-color: #FFF1B9;
    border: 1px solid #B4B2B4;
}

/****** Fehlerfeld-Markierungen *******/

input.cp-html-error, select.cp-html-error, textarea.cp-html-error {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
}

input.cp-html-mandatory.cp-html-error, select.cp-html-mandatory.cp-html-error, textarea.cp-html-mandatory.cp-html-error {
    color: #000000;
    background-color: #FFF1B9;
    border: 1px solid #FF0000;
}

/****** Readonly Felder *********/

/*readonly wird als weitere Klasse dem Element zugef�gt zugef�gt, um das Feld als disabled zu kennzeichnen*/
input.cp-html-readonly, select.cp-html-readonly, textarea.cp-html-readonly {
    background-color: #FFFFFF;
    border: 1px solid #B4B2B4;
}

/* Checkboxen mit readonly sollen keinen Rahmen und Hintergrund haben */
input.cp-html-readonly[type="checkbox"]{
    background-color: transparent;
    border: none;
}


/* Tabellenzelle f�r Image-Buttons, die zu einem Feld zugeh�rig sind (2px Abstand zum Feld halten) */
td.inputAction {
    padding-left:2px;
}

/* Tabellenzelle f�r Image-Buttons, die zu einem Feld zugeh�rig sind, jedoch so aussehen sollen, da� sie in das Feld integriert sind.
 * Wird zus�tzlich vergeben zu inputAction */
td.inputActionInbedded {
    padding-left:0px;
	padding-top:2px;
}

/* Ein Eingabefeld mit integriertem Image-Button, deshalb keinen rechten Rand */
input.inputActionInbedded{
	border-right-width: 0px;
}

/* Tabellenzelle f�r Image-Buttons, die zu einem Feld zugeh�rig sind, jedoch so aussehen sollen, da� sie in das Feld integriert sind.
 * Wird zus�tzlich vergeben zu inputAction */
td.inputActionInbedded  img{
    border-top-color:     #B4B2B4;
	border-right-color:   #B4B2B4;
	border-bottom-color:  #B4B2B4;
	border-bottom-width:  1px;
	border-right-width:   1px;
	border-top-width:     1px;
	border-left-width:    0px;
}

span.small {
    font: normal 10px Arial;
}

/*Tabelle, die durch TextAreaTag generiert wird*/
table.cptaglibs-textAreaTable{
	border-spacing: 0px;   /* cellspacing */
}
table.cptaglibs-textAreaTable td {
	padding: 0px;  /* cellpadding */
}
table.cptaglibs-textAreaTable td.inputAction{
	vertical-align: top;
	padding-top:    4px;
	padding-left:   4px;
}

/****** Checkbox als FlipSwitch-Button anzeigen *******/


input[type="checkbox"].flipSwitch + label.ui-state-default {
    background-color: transparent;
    background-image: url("/app/rc-bup/images/checkbox/als/schalter/checkbox/unchecked?theme=got");
    background-repeat: no-repeat;
    padding: 10px 16px;
    border: none;
}

input[type="checkbox"].flipSwitch:checked + label.ui-state-active {
    background-color: transparent;
    background-image: url("/app/rc-bup/images/checkbox/als/schalter/checkbox/checked?theme=got");
    background-repeat: no-repeat;
    padding: 10px 16px;
    border: none;
}


/****************************************** Eingabe-Felder related END ***********************************************/


/****************************************** Listen related START *****************************************************/

table.list, div.list{
    border:    none;
}

/*** Der Listenkopf-Zeile (Haupt) ... */
tr.listHead {
    color:            #3E698C;
    background-color: #FFFFFF;
    font:             12px Arial;
    height:           20px;
}

tr.listHead td{
	border-top:       1px solid #3E698C;
	border-bottom:    1px solid #3E698C;
}

tr.listHead td td{
	border-top:       none;
	border-bottom:    none;
}

/***... und eine optionale untergeordnete 2. Listenkopf-Zeile */
tr.listHead2 {
    color:            #ffffff;
    background-color: #3e698c;
    font:             11px Verdana;
    height:           20px;
}

tr.listHead2 td{
	border-top:       0px solid #ffffff;
    border-bottom:    0px solid #ffffff;
}

tr.listHead2 td td{
	border-top:       none;
    border-bottom:    none;
}

/*** table mit Kopfzeile, die nicht mit scrollt */
table.listHeadFixed thead tr {
    color:            #3E698C;
    font:             12px Arial;
    height:           2em;
}

table.listHeadFixed {
    position: relative;
    top:      -2.0em;
}

table.listHeadFixed thead tr div{
    position: fixed;
}

/* Kopfzeile Spalten */
table.listHeadFixed thead tr div div {
    position:         relative;
    top:              -0.8em;
    /* Spalten vom Hintergrund Kopfzeile abheben */
    border-left:      2px solid #FFFFFF;
    height:           17px;
}

/* Hintergrund Kopfzeile */
table.listHeadFixed thead tr div div div {
    background-color: #EEEEEE;
    width:            755px;
    border-top:       1px solid #3E698C;
    border-bottom:    1px solid #3E698C;
    height:           15px;
    top:              0px;
}

/*** Listenkopf-Spalte */
td.listHeadColumn {
    color:            #ffffff;
    background-color: #3e698c;
    font:             11px Verdana;
    border-top:       0px solid #ffffff;
    border-bottom:    0px solid #ffffff;
}

td.listHeadColumn td{
    border-top:       none;
    border-bottom:    none;
}

/*** Listenzeile */
tr.listRow, tr.cp-html-foldoutlist-row {
    color:            #3E698C;
    background-color: #FFFFFF;
    font:             normal 12px Arial;
    height:           20px;
    border-top:       0px solid #ffffff;
    border-bottom:    0px solid #ffffff;
}

/* Listenzeilen bei alternierenden Listen (abwechselnde Farbe) */
.list-alternate  tr.listRow:nth-child(even) td{
    background-color: #E7EDF2;
}
.list-alternate  tr.listRow:nth-child(odd)  td{
    background-color: #CFDBE3;
}

/* groupListRow BITTE NICHT MEHR VERWENDEN!
   Listeneintr�ge, die aus irgendeinem fachlichen Grund hervorgehoben werden sollen */
tr.groupListRow,
tr.highlightListRow {
    color:            #3E698C;
    background-color: #FFFFFF;
    font:             bold 12px Arial;
    height:           20px;
    border-top:       ${rp.width_list_highlight-row_border-top}px solid ${rp.color_list_highlight-row_border-top};
    border-bottom:    ${rp.width_list_highlight-row_border-bottom}px solid ${rp.color_list_highlight-row_border-bottom};
}

/* Listeneintr�ge, die aus irgendeinem fachlichen Grund deutlich!!! hervorgehoben werden sollen */
tr.extremeHighlightListRow {
    color:            #ffffff;
    background-color: #3e698c;
    font:             11px Verdana;
    height:           20px;
    border-top:       ${rp.width_list_extreme-highlight-row_border-top}px solid ${rp.color_list_extreme-highlight-row_border-top};
    border-bottom:    ${rp.width_list_extreme-highlight-row_border-bottom}px solid ${rp.color_list_extreme-highlight-row_border-bottom};
}

table.subList {
    background-color: #FFFFFF;
}

tr.subListHead {
    color:            #000000;
    background-color: #FFFFFF;
    font:             bold 11px Verdana;
}

tr.subListRow {
    color:            #000000;
    background-color: #FFFFFF;
    font:             normal 11px Arial;
}

/* BITTE NICHT MEHR VERWENDEN!*/
tr.underlineListRow
{
	color:            #3E698C;
    background-color: #FFFFFF;
    font:             normal 12px Arial;
    height:           20px;
}
tr.underlineListRow td
{
	 border-bottom: 1px solid #3E698C;
}

/*BITTE NICHT MEHR VERWENDEN!*/
tr.highlightBoldListRow
{
	color:            #3E698C;
    background-color: #FFFFFF;
    font:             bold 12px Arial;
    font-weight:      bold;
    height:           20px;
}

/* Betr�ge innerhalb der Liste links ausgerichtet */
td.listTransparent {
    background-color: #FFFFFF;
}

/* Betr�ge innerhalb der Liste links ausgerichtet */
td.listAmount, td.listDecimal {
    text-align:  right;
    white-space: nowrap;
}

/* Ja/Nein Felder innerhalb der Liste zentriert */
td.listYesOrNo {
    text-align: center;
}

/* alle Aktionsicons innerhalb der Liste zentriert */
td.listAction{
    white-space:   nowrap;
    text-align:    center;
    padding-left:  2px;
    padding-right: 2px;
    width:         80px;
}

/* alle Aktionsicons innerhalb der Liste zentriert */
td.listImage{
    white-space:   nowrap;
    text-align:    center;
    padding-left:  2px;
    padding-right: 2px;
}

td.cp-html-foldoutlist-action {
    width:       1px;
}

/* Listenfu� mit Anzahl gefundene Eintr�ge und Icons f�r Navigation in Liste */
tr.listFooter{
    color:            #3E698C;
    background-color: #E7EDF2;
    font:             bold 11px Verdana;
}

tr.listFooter td{
    border-top:       1px solid #3E698C;
    border-bottom:    1px solid #3E698C;
}

tr.listFooter td td{
    border-top:       none;
    border-bottom:    none;
}

/* Tabelle mit Listennavigations-Icons im Listenfu� */
tr.listFooter td.listFooter table.cp-html-buttonrow{
	margin-left: auto;            /* damit ist die Tabelle rechts ausgerichtet */
}

/*************************** Listen related END ******************************/

/*************************** Aufklappbereiche related START ******************/

/* Wackeln beim Aufklappen im IE verhindern */
tr.cp-html-foldoutlist-row td {
    vertical-align: top;
}


tr.cp-html-foldoutlist-ContentRow, td.cp-html-foldoutlist-ContentCell{
    background-color: #FFFFFF;
}

div.cp-html-foldoutlist-icon-collapsed
{
  width: 20px;
  height: 20px;
  background-image: url("/app/rc-bup/images/icons/navigation/show-detail?theme=got");
}

tr.listHead div.cp-html-foldoutlist-icon-collapsed
{
  width: 20px;
  height: 14px;
  background-image: url("/app/rc-bup/images/icons/navigation/show-detail?theme=got");
}

a.cp-html-foldoutlist-icon-collapsed:link, a.cp-html-foldoutlist-icon-expanded:focus, a.cp-html-foldoutlist-icon-expanded:hover, a.cp-html-foldoutlist-icon-expanded:active
{
}

div.cp-html-foldoutlist-icon-expanded
{
  width: 20px;
  height: 45px;
  background-image: url("/app/rc-bup/images/icons/navigation/hide-detail-fold-out?theme=got");
}

tr.listHead div.cp-html-foldoutlist-icon-expanded
{
  width: 20px;
  height: 14px;
  background-image: url("/app/rc-bup/images/icons/navigation/hide-detail?theme=got");
}

a.cp-html-foldoutlist-icon-expanded:link, a.cp-html-foldoutlist-icon-expanded:focus, a.cp-html-foldoutlist-icon-expanded:hover, a.cp-html-foldoutlist-icon-expanded:active
{

}

.de-nse-web-expandable-container
{
	position: relative;
	overflow: hidden;
}

.de-nse-web-expandable-collapsed
{
	position: relative;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

.de-nse-web-expandable-expanded
{
	position: relative;
	height: 100%;
	overflow: hidden;
	visibility: visible;
}

/*************************** Buttons related START ***************************/
button.cp-html-button, input.submit {
    padding-bottom:      2px;
    text-align:          center;
    color:               #FFFFFF;
    background-color:    #aec1ce;
    border:              0px solid #FFFFFF;
    font:                bold 13px Arial;
    height:              18px;
    cursor:              pointer;
    white-space:         nowrap;
	              background-image:    url("/app/rc-bup/images/theme/smart/frame/btn_left?theme=got"),url("/app/rc-bup/images/theme/smart/frame/btn_right?theme=got"), url("/app/rc-bup/images/theme/smart/frame/btn_center?theme=got");
	    background-repeat:   no-repeat, no-repeat, repeat-x;
	    background-position: left top, right top, center top;
			}

button.cp-html-disabledbutton, input.cp-html-disabledbutton {
    background-image:    url("/app/rc-bup/images/theme/smart/frame/btn_left/disabled?theme=got"),url("/app/rc-bup/images/theme/smart/frame/btn_right/disabled?theme=got"), url("/app/rc-bup/images/theme/smart/frame/btn_center/disabled?theme=got");
    background-repeat:   no-repeat, no-repeat, repeat-x;
	background-position: left top, right top, center top;
    color:               #FFFFFF;
    white-space:         nowrap;
}

img.cp-html-tooltipOnClick{
	cursor:pointer;
}

td.link {
    background-image:    url("/app/rc-bup/images/theme/smart/frame/btn_left?theme=got"),url("/app/rc-bup/images/theme/smart/frame/btn_right?theme=got"), url("/app/rc-bup/images/theme/smart/frame/btn_center?theme=got");
    background-repeat:   no-repeat, no-repeat, repeat-x;
	background-position: left top, right top, center top;
    text-align:          left;
    font:                bold 13px Arial;
    padding:             2px 8px 2px 16px;
    border:              1px solid #FFFFFF;
    color:               #FFFFFF;
    cursor:              pointer;
}

td.link a          {color:#FFFFFF; text-decoration: none;}
td.link a:link     {color:#FFFFFF; text-decoration: none;}
td.link a:visited  {color:#FFFFFF; text-decoration: none;}
td.link a:hover    {color:#CFDBE3; text-decoration: none;}

td.link-d {
    background-image:    url("/app/rc-bup/images/theme/smart/frame/btn_left/disabled?theme=got"),url("/app/rc-bup/images/theme/smart/frame/btn_right/disabled?theme=got"), url("/app/rc-bup/images/theme/smart/frame/btn_center/disabled?theme=got");
    background-repeat:   no-repeat, no-repeat, repeat-x;
	background-position: left top, right top, center top;
    font:                bold 13px Arial;
    padding:             2px 8px 2px 16px;
    border:              0px solid #FFFFFF;
    color:               #FFFFFF;
}

/* Standard link color fuer action links */
td.linkbutton a, td.linkbutton a:link, td.linkbutton a:visited, td.linkbutton a:hover
{
    color: #0000EE;
}

span.cp-html-accesskey {
    text-decoration:underline;
}

div.cpZoomButtons {
   position: absolute;
   top: 4px;
   left: 18px;
}
div.cpZoomButtons img {
    border: none;
}

/*************************** Buttons related END *****************************/

/*************************** ChartExtender (pos.base-chart-extender.js) ******/

/* sollte besser benannt werden chartExtender-extendable (verwendet in abgstr)*/
div.chart-interactive{
    cursor: pointer;
}

/*************************** Drag & Drop *****************************/

img.dragableIcon {
	cursor: pointer; /*? vieleicht move;*/
}

div.pmaBarchart .ui-draggable{
    cursor: pointer;
    touch-action: none;
}

/*************************** Print Preview ***********************************/

div.print-preview-background {
    position: relative;
    height: 100%;
    width: 100%;
    background-image: url("/app/rc-bup/images/print/preview-background?theme=got");
    background-position: center;
    background-repeat: no-repeat;
}

div.print-preview-top {
    position: absolute;
    bottom: 50%;
    width: 100%;
    text-align: center;
    padding: 10px;
}

div.print-preview-bottom {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 10px;
}

/*************************** TextArea Detail Popup ***********************************/
.ui-dialog #detailPopupTextArea {
    height: 70px;
    width: 465px;
}

/*************************** Styles fuer Tabellen der Benutzerverwaltung ***********************************/
table#UserSubstitute tr.listRow td {
  background-color: #E7EDF2;
}

table#UserSubstitute tr.listRow td.listAction,
table#UserSubstitute tr.listRow td.listAction td {
  background-color: #CFDBE3;
}
/* override std definitions for got theme */

/*************************** allg related ****************************************************************************/
td.label, td.toplabel, td.highlightLabel, td.unit, td.headline, td.headline2 {
    color: rgb(0, 0, 0);
}

td.amount, td.decimal, td.data {
	border: none;
}


/*************************** Eingabe-Felder related ******************************************************************/
.cp-html-readonly {
	color: rgb(160, 160, 160);
}


/*************************** Listen related **************************************************************************/
tr.listHead {
    color: rgb(0, 0, 0);
	font-weight: bold;
}


/*************************** Aufklappbereiche related ****************************************************************/
tr.cp-html-foldoutlist-ContentRow, td.cp-html-foldoutlist-ContentCell {
	background-color: #E2F1F5;
}


/*************************** Buttons related *************************************************************************/
button.cp-html-button, input.submit {
	color: rgb(51, 51, 51);
	background-color: rgb(238, 238, 238);
    height: 22px;
    padding-left: 16px;
			background-image: url("/app/rc-bup/images/theme/smart/frame/btn_left_html?theme=got"),url("/app/rc-bup/images/theme/smart/frame/btn_right_html?theme=got"), url("/app/rc-bup/images/theme/smart/frame/btn_center_html?theme=got");
	    background-repeat:   no-repeat, no-repeat, repeat-x;
	    background-position: left top, right top, center top;
			}

button.cp-html-button:hover, input.submit:hover {
	color: rgb(51, 51, 51);
	background-color: rgb(226, 241, 245);
    height: 22px;
    padding-left: 16px;
			background-image: url("/app/rc-bup/images/theme/smart/frame/btn_left_html_bright?theme=got"),url("/app/rc-bup/images/theme/smart/frame/btn_right_html_bright?theme=got"), url("/app/rc-bup/images/theme/smart/frame/btn_center_html_bright?theme=got");
	    background-repeat:   no-repeat, no-repeat, repeat-x;
	    background-position: left top, right top, center top;
			}