/** 
 * Nicht zur Anzeige (nur in js mi�braucht, um in css Kundenspezifische Einstellungen nicht in js zu machen)
 * top   = Abstand des erten SlideIn nach oben (nur in js benutzt) 
 * left  = slideInDuration (Geschwindigkeit beim Hereinfahren)
 * right = slideOutDuration (Geschwindigkeit beim Wegfahren)
 * color = Farbe zum highlighten (Klick au�erhalb des SlideIn)
*/
.cpstyle-slideInArea
{
	top: 		100px;
	left:       500px;
	right:      500px;
	color:      #FFF1B9;
}

.cpstyle-slideInTable
{
    	       position:		absolute; 	 /* f�r mobile nicht mehr fixed, damit auch auf kleinen Display z.B. Handy eine Chance hinzuscrollen*/
			right:			0px;
	display:		table;
	z-index: 		8;
}
	
.cpstyle-slideInTr 
{	    
	clear:			left;  
	display:		table-row;
}

.cpstyle-slideInTr .cpstyle-abstand
{	
	display: block; 
	margin-left: 23px;   /* = slideInTd width */
}

.cpstyle-slideInTd 
{
	background-image: 	url("/app/rc-bup/images/theme/slide_in/tab/in?theme=got");
	background-repeat: 	no-repeat;	
	background-position:bottom;
	width:				23px;
	float:				left;
	display:			table-cell;	
	color:				#FFFFFF;
	white-space: 		nowrap;
	font:				10px Verdana;
	text-decoration: 	none;
}

.cpstyle-slideInTd .cpstyle-abstand 
{
   	position: relative; 		
}

.cpstyle-touchMe 
{
   	position: 			relative; 	
   	cursor:				pointer;  
}
	
.cpstyle-touchMe table	/*Wird im IE benutzt, um Beschriftung zu positionieren*/
{		
	position:		absolute;
	height:			23px;	   /* = slideInTd width, da gedreht wird */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);        	
}

.cpstyle-touchMe table td	/*Wird im IE Vesrion <9 benutzt, um Beschriftung zu positionieren*/
{		
	text-align: center;
	vertical-align:	bottom;	
}

.cpstyle-touchMe p 				/*Wird im Firefox, Chrome, Safari (jetzt auch IE9) ... benutz, anstatt obiger table, um Beschriftung zu positionieren*/
{
    -ms-transform:		rotate(-90deg);
   	-moz-transform:		rotate(-90deg);
	-webkit-transform:  rotate(-90deg);
	-o-transform:		rotate(-90deg);
    	position: 		relative;
        -ms-user-select:        none;
    	width: 			23px;	/* = slideInTd width */
}
	
.cpstyle-slideInTd_Out 
{
	background-image: url("/app/rc-bup/images/theme/slide_in/tab/out?theme=got");		
}

.cpstyle-slideInTd_Disabled 
{
	background-image: url("/app/rc-bup/images/theme/slide_in/tab/disabled?theme=got");		
}
	
.cpstyle-slideInContent 
{
	background-color: 	#CFDBE3;	
	border:				1px solid #8FA8BC;
	font:				11px Verdana;
	color:				#022541;
	overflow:			hidden;	
    white-space: 		nowrap;
	padding:			10px;
		        margin-left:		23px;	 /* = slideInTd width, sonst wir im Moz das Tab �ber dem Content angezeigt*/
			-moz-box-shadow: 	0px 2px 5px #555555;
    box-shadow: 		0px 2px 5px #555555;
}

.cpstyle-slideInContent .label,
.cpstyle-slideInContent .headline,
.cpstyle-slideInContent .headline2,
.cpstyle-slideInContent .radioValue,
.cpstyle-slideInContent .checkboxValue { 
    color: #022541;
}
	
#cpstyle-pageOverlay 
{
	background-color: rgba(101, 101, 101, 0.5);
    background-image: none;		
	height: 		  100%;
   	position: 		  fixed;
   	top: 			  0px;
    left: 			  0px;
    width: 			  100%;
    z-index: 		  7;
    display: 		  none;
    
}

/* Fehlermeldungen innerhalb der Slide-Ins */
.cpstyle-slideInContent table.cpErrors {
    white-space: normal;
    padding-right: 30px;
}/* override std definitions for got theme */

.cpstyle-slideInContent 
{
	background-color: rgb(255, 255, 255);
}

.cpstyle-slideInTd 
{
	font: 10px Arial;
}
