/*
TripleIn 
*/

a {
   outline:none;
}

h1 {
   display: block;
   font-size: 2em;
   -webkit-margin-before: 0.67em;
   -webkit-margin-after: 0.67em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
   font-weight: bold;
}

h2 {
	display: block;
   font-size: 1.5em;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
   font-weight: bold;
}

h3 {
   display: block;
   font-size: 1.17em;
   -webkit-margin-before: 1em;
   -webkit-margin-after: 1em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
   font-weight: bold;
}

body{
   margin:0px;
   max-width:1920px;
   min-width:1200px;
   margin-top:35px;
   /* Platz fuer Menuezeile */
   /*background-color:#f8f8f8; Form Region haben einen weissen Rand*/
}

textarea{
   font-family: Arial, Helvetica, Geneva, sans-serif;
}

/*-------------------------------------------------------------------------------------------------
	TripleIn Hidden
-------------------------------------------------------------------------------------------------*/
.triple-hidden{
    visibility:hidden;
}
.triple-hidden-none{
    visibility:hidden;
	display:none;
}

/*-------------------------------------------------------------------------------------------------
	TripleIn Page Tabs
-------------------------------------------------------------------------------------------------*/
.triple-page-tabs{
     -webkit-border-vertical-spacing: 0px;
}

/*-------------------------------------------------------------------------------------------------
 TripleIn Menu Container
-------------------------------------------------------------------------------------------------*/
.triple-menu-container{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#566687+0,adb9cd+2,8e9eb7+3,566788+98,47587a+100 */
        background: #566687; /* Old browsers */
        background: -moz-linear-gradient(top, #566687 0%, #adb9cd 2%, #8e9eb7 3%, #566788 98%, #47587a 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #566687 0%,#adb9cd 2%,#8e9eb7 3%,#566788 98%,#47587a 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #566687 0%,#adb9cd 2%,#8e9eb7 3%,#566788 98%,#47587a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566687', endColorstr='#47587a',GradientType=0 ); /* IE6-9 */
	height: 31px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}



/*-------------------------------------------------------------------------------------------------
 TripleIn Edit Area
-------------------------------------------------------------------------------------------------*/

.triple-edit-area{
	/* Damit die zweispaltigen Seiten, den selben Abstand nach oben haben, wie die einfachen */
    border-spacing:0px; 
}

.triple-edit-area-left{
    vertical-align:top;
	padding:0px;
	/*min-width:320px;  /* 1280 640 320 */
	/*max-width:1920px; /* 1920 960 480 */
	width: 1%;
}

.triple-edit-area-right{
    vertical-align:top;
	padding:0px;
	/*min-width:640px; */
	/*max-width:1920px; */
	width: auto;
}

/*-------------------------------------------------------------------------------------------------
 TripleIn Sum Table
-------------------------------------------------------------------------------------------------*/
table.triple-sum td.triple-sum-data{}
table.triple-sum td.triple-sum-datadet{font-style: italic;color: black;}
table.triple-sum td.triple-sum-datadet h1{font-size:1.5em}
table.triple-sum td.triple-sum-datadet h2{font-size:1.17em}
table.triple-sum td.triple-sum-datadet h3{font-size:1.0em}
table.triple-sum td.triple-sum-sum{background-color:#ded;border-top: 1px solid gray;border-bottom: 1px solid gray;color: #55aa55;}
table.triple-sum td.triple-sum-sumall{font-weight:bolder;background-color:#cec;font-size: 1.1em;border-top: 1px solid gray;border-bottom: 2px solid gray;padding: 10px 10px;}

/*-------------------------------------------------------------------------------------------------
 TripleIn Package Table
-------------------------------------------------------------------------------------------------*/
.triple-pkg-table{
    width:450px;
	height:100px;
	/* box-shadow:0 2px 0 rgba(255, 255, 255, 0.75) inset,0 0 5px rgba(0, 0, 0, 0.05) inset,0 8px 12px rgba(0, 0, 0, 0.15); */
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.15);

	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
	border-radius: 4px;
	border:1px solid #979797;
/*	margin-bottom: 10px; */
}

.triple-pkg-table td.triple-pkg-status{
    width:20px;
/*	border:1px solid lightgray; */
    color:white;
    border-bottom-left-radius:3px;
}

.triple-pkg-table td.triple-pkg-status.available{ /* hellgruen */
    background: rgb(210,255,82); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.triple-pkg-table td.triple-pkg-status.active{ /* gruen */
	background: rgb(201,222,150); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.triple-pkg-table td.triple-pkg-status.inactive{ /* grau */
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.triple-pkg-table td.triple-pkg-status.work{ /* orange */
    background: rgb(255,175,75); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.triple-pkg-table td.triple-pkg-status.deleted{ /* red */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.triple-pkg-table td.triple-pkg-heading{
    height:23px;
/*    border-bottom-right-radius: 20px; */
/*	  border-top-right-radius: 20px; */
/*    border-bottom: 1px solid lightgray; */
/*    border-top:1px solid lightgray; */
/*    border-right: 1px solid lightgray; */
	font-size:14px;
	font-weight:bold;
	padding-left:8px;
/*	background-color:#A54499; */
    border-top-left-radius:3px;
    border-top-right-radius:3px;

/* background: url("../../themes/theme_2/images/bg-tabs.gif") repeat scroll 0pt 0pt transparent; */
	background: #c5d3e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #c5d3e9 1%, #afbdd7 1%, #859bbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c5d3e9), color-stop(1%,#afbdd7), color-stop(100%,#859bbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c5d3e9 1%,#afbdd7 1%,#859bbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c5d3e9 1%,#afbdd7 1%,#859bbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c5d3e9 1%,#afbdd7 1%,#859bbc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c5d3e9 1%,#afbdd7 1%,#859bbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d3e9', endColorstr='#859bbc',GradientType=0 ); /* IE6-9 */

	color:white;
}
.triple-pkg-table td.triple-pkg-description{
    height:60px;
/*	border-bottom:1px solid lightgray; */
	padding:10px;
	vertical-align:top;
}
.triple-pkg-table td.triple-pkg-image{
    width:0px;
	height:0px;
}
.triple-pkg-table td.triple-pkg-price{
    width:70px;
	height:60px;
/*	border-right:1px solid lightgray; */
/*	border-left:1px solid lightgray; */
	font-size:30px;
	text-align:right;
	vertical-align:bottom;
}
.triple-pkg-table td.triple-pkg-buttons{
	font-size:15px;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}
.triple-pkg-table td.triple-pkg-currency{
    width:70px;
	height:40px;
/*	border-right:1px solid lightgray; */
/*	border-bottom:1px solid lightgray; */
/*	border-left:1px solid lightgray; */
	font-size:15px;
	text-align:right;
	vertical-align:top;
	
}
.triple-pkg-table td.triple-pkg-next{
    width:20px;
	/*border:1px solid lightgray;*/
    font-size:20px;
	text-align:center;
}

/*-------------------------------------------------------------------------------------------------
 TripleIn Package Option Table
-------------------------------------------------------------------------------------------------*/
.triple-opt-table{
    margin:4px 10px;
}
	
.triple-opt-table>tbody>tr>td{
	
}

.triple-opt-table>tbody>tr>td>span{
	
}

.triple-opt-table>tbody>tr>td>span>input{
	
}

span.triple-opt-status{
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 4px;
}

span.triple-opt-status.available{ /* hellgruen */
    background: rgb(210,255,82); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

span.triple-opt-status.active, span.triple-opt-status.new{ /* gruen */
background: rgb(201,222,150); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

span.triple-opt-status.inactive{ /* grau */
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

span.triple-opt-status.work{ /* orange */
    background: rgb(255,175,75); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

span.triple-opt-status.deleted{ /* red */
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*-------------------------------------------------------------------------------------------------
 TripleIn Single Cell Table
-------------------------------------------------------------------------------------------------*/
.triple-singlecell-table{
}
	
.triple-singlecell-table>tbody>tr>td{
	height:40px;
}

.triple-singlecell-table>tbody>tr>td>span{
	box-shadow:0 2px 0 rgba(255, 255, 255, 0.75) inset,0 0 5px rgba(0, 0, 0, 0.05) inset,0 8px 12px rgba(0, 0, 0, 0.15);

    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding:10px;
	border-radius: 5px;
	border:1px solid lightgray;
	
	display:block;
}

.triple-singlecell-table>tbody>tr>td>span>input{
	margin:0px;
}

/*-------------------------------------------------------------------------------------------------
 Region Display Selector
-------------------------------------------------------------------------------------------------*/
.triple-rds-hidden > div{
    display:none;
	visibility:visible;
	height:30px;
}

/*-------------------------------------------------------------------------------------------------
 Login / Extern Template
-------------------------------------------------------------------------------------------------*/

label.triple-login-label{
    font-weight: bold;font-size: 14px;line-height: 24px;color: #707070;display: inline-block;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}

span.triple-login-label{
    font-size:14px;
}

div.triple-login-header{
    height: 47px;width: 100%;background: #F8F8F8;position: fixed;z-index:1000;border-bottom: 1px solid darkGray;
}

div.triple-login{
    display: table;width: 100%;height: 100%;
}

div.triple-login-outer{
    display: table-cell;vertical-align: middle;
}

div.triple-login-inner{
    margin: 50px auto 0 auto; width: 720px;
}

div.triple-login-messages{
    min-height:70px;display:block;
}

div.triple-login-main{

}

div.triple-login-region{
    margin-bottom: 36px;background:radial-gradient(center,ellipse cover,white 0,#F0F0F0 100%);box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset,0 0 5px rgba(0, 0, 0, 0.05) inset,0 8px 12px rgba(0, 0, 0, 0.15);border: 1px solid lightgray;border-radius: 5px;
}

div.triple-login-region-top{
    margin: 0;padding: 20px 32px 16px 32px;color: #A54499;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.65);font-size: 22px;line-height: 24px;font-weight: bold;
}

div.triple-login-region-main{
    margin: 0;padding: 24px 32px 16px 32px;display: table-cell;
}

div.triple-login-region-bottom{
    border-top: 1px solid lightgray;clear: both;margin: 0px 16px 16px 16px;padding: 8px 0px;
}

div.triple-login-region-left{
    padding: 5px 30px 0px 0px;float: left;display: block;margin-bottom: 20px;
}

div.triple-login-region-right{
    float: left;display: block;margin-bottom: 20px;
}





label.triple-external-label{
    font-weight: bold;font-size: 14px;line-height: 24px;color: #707070;display: inline-block;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}

span.triple-external-label{
    font-size:14px;
}

div.triple-external-header{
    height: 47px;width: 100%;background: #F8F8F8;position: fixed;z-index:1000;border-bottom: 1px solid darkGray;
}

div.triple-external{
    display: table;width: 100%;height: 100%;
}

div.triple-external-outer{
    display: table-cell;vertical-align: middle;
}

div.triple-external-inner{
    margin: 50px auto 0 auto; /* width: 720px; */
}

div.triple-external-messages{
    min-height:70px;display:block;
}

div.triple-external-main{

}

/*@media (min-width:1201px) {
    body {min-width: 900px;}*/

    div.triple-external-region{
        margin: auto;
		background:radial-gradient(center,ellipse cover,white 0,#F0F0F0 100%);
		box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset,0 0 5px rgba(0, 0, 0, 0.05) inset,0 8px 12px rgba(0, 0, 0, 0.15);
		border: 1px solid lightgray;
		border-radius: 5px;
    }
/*}

@media (min-width:901px) and (max-width:1200px) {
    body {min-width: 900px;}

    div.triple-external-region{
        margin: 0px 36px 36px 36px;
		background:radial-gradient(center,ellipse cover,white 0,#F0F0F0 100%);
		box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset,0 0 5px rgba(0, 0, 0, 0.05) inset,0 8px 12px rgba(0, 0, 0, 0.15);
		border: 1px solid lightgray;
		border-radius: 5px;
		float:left;
		min-width:400px;
		width:40%;
    }
	
	div.triple-external-region-left{
        height:100px !important; overflow:auto !important;
    }
	
	div.triple-external-region-main{
      display: block !important;
}
}

@media (max-width:900px) {
    body {min-width: 900px;}

    div.triple-external-region{
        margin: 0px auto 36px auto;
		background:radial-gradient(center,ellipse cover,white 0,#F0F0F0 100%);
		box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset,0 0 5px rgba(0, 0, 0, 0.05) inset,0 8px 12px rgba(0, 0, 0, 0.15);
		border: 1px solid lightgray;
		border-radius: 5px;
		float:none;
		min-width:400px;
		width:90%;
    }
}*/

div.triple-external-region-top{
    margin: 0;padding: 20px 32px 16px 32px;color: #A54499;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.65);font-size: 22px;line-height: 24px;font-weight: bold;
}

div.triple-external-region-main{
    margin: 0;padding: 0px 32px 16px 32px;display: table-cell;
}

div.triple-external-region-bottom{
    border-top: 1px solid lightgray;clear: both;margin: 0px 16px 16px 16px;padding: 8px 0px;
}

div.triple-external-region-left{
    padding: 5px 30px 0px 0px;float: left;display: block;margin-bottom: 20px;
}

div.triple-external-region-right{
    float: left;display: block;margin-bottom: 20px;
}



/*-------------------------------------------------------------------------------------------------
 Item Info zum Debug
-------------------------------------------------------------------------------------------------*/
.triple-item-info{
    border: 1px solid red;
    border-radius: 10px 10px 10px 10px;
    text-align: left;
    padding: 2px 4px 2px 4px;
    background-color:white;
    min-width: 150px;
    display: inline-block;
}

/*-------------------------------------------------------------------------------------------------
 Tooltip fuer gekuerzte Texte 
-------------------------------------------------------------------------------------------------*/
.triple-trim-text {
    position: relative;
    word-wrap: break-word;
}
    
.triple-trim-text[title]:before {
    position: absolute;
    left: 0;
    top: -40px;
    background-color: #F8F8F8; /* #ff0000; */
    color: #222222; /* #ffffff; */
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 15px;
    content: attr(title);
    white-space: nowrap;
    display: none;
    border:1px solid #CCCCCC;
}
    
.triple-trim-text[title]:after {
    position: absolute;
    left: 15px;
    top: -9px;
    border-top: 7px solid #F8F8F8; /* #ff0000; */
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: none;
}
    
.triple-trim-text[title]:hover:after, .gw-trim-text[title]:hover:before {
    display: block;
}

/*-------------------------------------------------------------------------------------------------
 Button-Sidebar fuer Regionen
-------------------------------------------------------------------------------------------------*/

div.triple-region-sidebar {
    float: left;
    margin: 2px 0px 0px 2px;
    padding-left: 4px;
    min-width: 25px;
    display: block;
}

/* Buttons */

input.triple-button-violett{
    background-color: #A54499;
    color: white;
    border: 1px solid lightgray;
    min-width:80px;
    display: block;
    border-radius: 5px;
}

input.triple-login-button{
    width: 382px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 48px;
    font-weight: bold;
    margin-top: 16px;
    height:48px;
}

span.sy-button,span.triple-button,a.triple-button {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 1px;
    vertical-align: top;
    width: 16px;
    top: 4px;
    position: relative;
    overflow: hidden;
}






/* jQuery Text-Buttons */
button.triple-button span{
    /* padding:initial; */
    padding:0px;
}

button.triple-button span.ui-button-text{
    /* padding-top:initial; */
    /* padding-bottom:initial; */

    padding-top:0px;
    padding-bottom:0px;
    text-align:left;
}

button.triple-button-small{
    width:100px;
}

button.triple-button-medium{
    width:175px;
}

button.triple-button-large{
    width:275px;
}

/* Buttons in Reports */
td.data > span.sy-button,td.data > span.triple-button {
      top: 0px;
}

/* Loading Overlay */

.overlay,.triple-overlay{
    background-color: #FFF;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.55;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}
.loading,.triple-loading {
    background-image: url("../images/loading_50x50.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    opacity: 1;
    position: relative;
}
.overlay-exit,.triple-overlay-exit {
    color: black;
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 2px;
}

/*
jQuery Overload
*/

.ui-widget {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size:12px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

/*
ApEx 4.0 Overload
*/

/* Label steuerung fuer "no label" */
.no-label{
   display:none;	
}

.htmldbUlErr a{
   color:white;
}
/* Anzeige der Seitenauswahl mittig bei IR */
#apexir_DATA_PANEL .pagination{
   text-align:left;
}

/* IR Report darstellung der Ueberschrift */
.apexir_WORKSHEET_DATA th div {
   padding:0px;	
   white-space:normal;
}

/* Anzeige der "Anzahl Zeilen" Auswahl korrigieren */
.apexir_ROW_SELECT_LIST {
    /* padding: 7px 4px 9px 2px; APEX STD */
    padding: 7px 4px 0 2px  !important;
}

/* Anzeige der Tab-Reiter */
.ui-tabs .ui-tabs-nav li a {
    padding: 0.2em 1em !important;
}

.ui-tabs .ui-tabs-nav {
    margin: -4px -4px 0 -4px !important;
    margin: -4px -4px 0 -4px !important;
    padding: 0.2em 0.2em 0 !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.ui-tabs-panel {/*display: table !important; */ /* width:100%; */ }
/*.ui-tabs {background: url("../i/themes/theme_2/images/bg-main.gif") repeat-x scroll 0 100% #F8F8F8;} */
/*.ui-tabs li.ui-tabs-selected {background: url("../i/themes/theme_2/images/bg-main.gif") repeat-x scroll 0 50% #F8F8F8;}*/

/* Damit die Anzeige von jQuery Icons korrekt funktioniert */
.ui-icon {padding:0px;}

/* Allgemeine Anzeige von Eingabemasken
.rc-blue-top{
   min-width:400px !important;
} */

/* Kein Zeilenumbruch im Main-Bereich => fuer Combobox Icon */

.formlayout{
   white-space:nowrap;
}

/* Zeilenumbruch innerhalb von Dialog-Region */
.ui-dialog-content .formlayout{
   white-space:normal;
}

/* Checkboxen auf gleicher hoehe wie Input Felder */
fieldset.checkbox_group{
   margin-bottom: 4px;
}

/* PopUp LOV Header */
.popup-head {
    background-color: #8899BB !important;
}

/* Value Attribute Pairs - Report */
.report-col-hdr{
   margin-right:30px;
}

/* Standard PageTabs right Report */
table.triple-standard-ptr td>span {
    display: block;
    overflow: hidden;
}

/* Footer Anzeige auf sygMain */
.app-user {
    float: left;
/*    padding-left:20px; */
}

.navigation-bar {
    padding: 5px;
    float: right;
    font-size: 11px;
    color: #222222;
}

.navigation-bar  a{
    text-decoration: none; 
    font-size: 11px;
    color: #222222;
}

#footer {
/*    border-radius: 30px 30px 0px      0px; */
    border-radius: 0px; 
    height: 24px;
    position: fixed;
    bottom: 0px;
    margin:0px;
    left: 0px;
    right: 0px;
}

/* Borderless Region with Title */

.borderless-region .bl-title{
    font-weight:bold;
	padding-bottom:5px;
}

/*-------------------------------------------------------------------------------------------------
 Wizard Process Train
-------------------------------------------------------------------------------------------------*/


div.uHorizontalProgressList{width:100%;position:relative;overflow:hidden;margin:0}

div.uHorizontalProgressList ul{margin:5px 0;height:64px;padding:0;clear:left;float:left;position:relative;left:50%}

div.uHorizontalProgressList ul li{float:left;display:block;position:relative;right:50%;background:url(../../themes/theme_26/images/app_theme.png) 50% -1514px no-repeat;padding:0px 10px;}

div.uHorizontalProgressList ul li span{display:block;float:left;padding:40px 4px 0 4px;font-size:12px;line-height:14px;color:#404040;background-image:url(../../themes/theme_26/images/app_theme.png);background-repeat:no-repeat;text-align:center;white-space:nowrap;overflow:hidden;min-width:80px}

div.uHorizontalProgressList ul li.current span,div.uHorizontalProgressList ul li.first-current span,div.uHorizontalProgressList ul li.last-current span{color:#333;font-weight:bold;background-position:50% -1770px}

div.uHorizontalProgressList ul li.non-current span,div.uHorizontalProgressList ul li.first-non-current span,div.uHorizontalProgressList ul li.last-non-current span{background-position:50% -1642px}

div.uHorizontalProgressList ul li.non-current span.pastCurrent,div.uHorizontalProgressList ul li.first-non-current span.pastCurrent,div.uHorizontalProgressList ul li.last-non-current span.pastCurrent{background-position:50% -1706px}

div.uHorizontalProgressList ul li.last-non-current,div.uHorizontalProgressList ul li.last-current{background:url(../../themes/theme_26/images/app_theme.png) 50% -1578px no-repeat}

div.uHorizontalProgressList ul li.first-non-current,div.uHorizontalProgressList ul li.first-current{background:url(../../themes/theme_26/images/app_theme.png) 50% -1450px no-repeat}

div.uHorizontalProgressList ul li{background-image:url(../../themes/theme_26/images/app_theme_2x.png);background-size:200px 2000px}

div.uHorizontalProgressList ul li span{background-image:url(../../themes/theme_26/images/app_theme_2x.png);background-size:200px 2000px}

div.uHorizontalProgressList ul li.last-non-current,div.uHorizontalProgressList ul li.last-current{background-image:url(../../themes/theme_26/images/app_theme_2x.png);background-size:200px 2000px}

div.uHorizontalProgressList ul li.first-non-current,div.uHorizontalProgressList ul li.first-current{background-image:url(../../themes/theme_26/images/app_theme_2x.png);background-size:200px 2000px}