/******************************************************************************
 *
 * CodeMeter License Central WebDepot
 * design.css
 * (c) 2012-2017: WIBU-SYSTEMS AG
 * info@wibu.com
 *
 *****************************************************************************/

/******************************************************************************
 * General Styles
 *****************************************************************************/
html
{
	font: 					normal 16px/140% Arial, Helvetica, Sans-Serif;
	color:					#000000;
}
 
/* Default setting for body */
body
{	
	background: 			#ffffff;
	border:					none;
	font: 					normal 13px/18px Verdana, Arial, Helvetica, Sans-Serif;
	margin:					20px 0px 20px 0px;
	text-align: 			left;
	vertical-align: 		baseline;
}

/* Each element takes care about the margin before itself */
p, div, hr, table, ol, ul
{
	margin-top:				20px;
	margin-right: 45px;
}

hr
{
    height: 				1px;
    background-color:		#888888;
}

ul, ol
{
	margin-left:			20px;
}

h3
{
	background:				#878788;
	color: 					#FFFFFF;
/*	font-weight: 			bold;
	font-size:				125%; */
	font: 					bold 14px/20px Verdana, Arial, Helvetica, Sans-Serif;
	line-height:			140%;
	padding:				3px 20px 3px 20px;
	margin:					0px 45px 0px 0px;
}

a
{
	color: 					#000000;
	text-decoration:		none;
}

a:hover
{
	text-decoration: 		underline;
}

/******************************************************************************
 * Page layout
 *****************************************************************************/
 /* Complete page (centered in Browser) */
div.page
{
	background:				#FFFFFF;
	border:					1px solid #B6B6B6;
	margin:					auto;
	overflow:				visible;
	padding: 				0px;
 
/*    padding:				0px 0px 257px 0px;*/
    
	width: 					980px;
}

div.page1
{
	background:				#FFFFFF;
	border:					1px solid #B6B6B6;
	margin:					-1px;
	overflow:				visible;
	padding: 				0px;
 
/*    padding:				0px 0px 257px 0px;*/
    
	width: 					980px;
}


div.header
{
	height:					114px;
	margin:					0px;
}

div.maincontent
{
	background: 			#FFFFFF;
	border:					1px solid #B6B6B6;
	margin:					-1px;
	padding:				20px;
/*	vertical-align: baseline;*/
}



div.footertop
{
	border:					none;
/*	background: 			#333333; 
	color:					#FFFFFF; */
	margin:					0px;
	padding:				0px;
}

div.footertop a
{
	color:					#FFFFFF;
}

div.footerbottom
{
	color:					#000000;
	margin:					0px;
	padding:				10px 0px 0px 0px;
}

div.footerbottom a
{
	color:					#000000;
}


div.column
{
	margin:					auto;
	position:				relative;
	width:					980px;	
}

div.column1
{
	margin:					-1px 0px -4px 0px;
	position:				relative;
	width:					980px;	
}


/******************************************************************************
 * Header / footer
 *****************************************************************************/

img.logo
{
	left:					0px;
	top:					0px;
}

/* Language div, floating in navigation div */
div.language
{
	margin: 				0px;
	position:				absolute;
	right:					20px;
	top:					0px;
	z-index:				99;
	
}

/* Navigation div in page, position relative as anchor for language div */
div.navigation
{
	background:		 		#E6E6E6 url(navigation.gif) repeat-x;
	border: 				1px solid #B6B6B6;
	border-right:			none;
	border-left:			none;
	height: 				22px;
	line-height: 			20px;
	margin:				 10px 0px 0px 0px;
	position:				relative;
}
/* List of navigation elements*/
ul.mainnavigation
{
/*  left:					0px; */
	margin: 				0px;
	padding: 				0px;
/*	top:					99px; */
}

/* Single navigation element */
ul.mainnavigation li
{
	border:					none;
	border-right: 			1px solid #B6B6B6;
	display: 				inline;
	float: 					left;
	font-weight:			normal;
	list-style: 			none;
	text-align:				center;
	padding: 				0px;
}

ul.mainnavigation li a
{
/*	background:				#009BA3; 
	color:					#FFFFFF; */
	display: 				block;
	padding: 				1px 20px 1px 20px;
	text-decoration:		none;
}

ul.mainnavigation li a:hover
{
	background:				#E6E6E6 url(navigationHover.png) repeat-x;
	text-decoration:		underline;
/*	color:					#009BA3; */
}

.navborder
{
	border-right: 			1px solid #CCCCCC;
}

.navborderl
{
	border-left: 			1px solid #CCCCCC;
}

/******************************************************************************
 * Language Switch
 *****************************************************************************/

/* Basic element, shows current language */
div.lang
{
	background:		 		#FFFFFF;
	border: 				1px solid #CCCCCC;
	cursor: 				pointer;
	line-height: 			4px;
	margin: 				0px;
	padding: 				8px 5px 8px 10px;
	position: 				relative;
	text-align: 			left;
	width: 					200px;
}

/* List of available languages */
div.lang ul
{
	background:		 		#FFFFFF;
	border: 				1px solid #CCCCCC;
	border-bottom: 			none;
	display: 				none;
	float: 					left;
	left: 					-1px;
	margin: 				-15px 0px 0px 0px;
	max-height:				370px;
	overflow-y:				auto;
	padding: 				0px;
	position: 				absolute;
	text-align: 			left;
	top: 					36px;
}

/* Make List of languages visible on mouse over */
div.lang:hover ul
{
	display: 				block;
}

/* Single entry for each available language */
div.lang ul li
{
	background:				#FFFFFF;
	border: 				none;
	border-bottom: 			1px solid #CCCCCC;
	display: 				block;
	margin: 				0px;
	padding: 				0px;
	text-align: 			left;
}

/* Highlight language on mouse over */	
div.lang ul li:hover
{
	background:				#E6E6E6 url(btnLangHover.png) repeat-x;
	color:					#000000;
	display: 				block;
}

/* Makes complete language entry line as link */
div.lang ul li a
{
	display: 				block;
	padding: 				8px 10px 8px 10px;
	width:					200px;
}

/* Makes complete language entry line as link */
div.lang ul li a:hover
{
	color:					#000000;
	text-decoration:		none;
}

/* Flag in language entry */
img.langflag
{
	border:					0px;
	float: 					right;
	height:					14px;
	padding:	 			0px;
	width:					20px;
	margin: 				-5px 0px 0px 0px;
}

/* Drop down in language entry */
img.langdrop
{
	border:					0px;
	float: 					right;
	height:					14px;
	padding:	 			0px;
	width:					18px;
	margin: 				-5px 0px 0px 5px;
}

/******************************************************************************
 * WebDepot Styles
 *****************************************************************************/

/* Used for captions above input or select elements */
div.inputcaption
{
	font-weight: 			bold;
}

div.inputcontent
{
	margin-top:				3px;
	margin-right:           5px;
}

/* action section */
div.actionframe
{
	position:				relative;
	min-height:				22px;
}

div.toggleonlineoffline
{
	margin:					0px;
	overflow:				visible;
	position:				absolute;
	right:					0px;
	bottom:					0px;
}

div.buttonline
{
}

div.acceptline
{
	line-height:			16px;
	margin-bottom:			10px;
	margin-top:				0px;
}

div.accepttext
{
	display:				inline;
	margin-left:			7px;
}

/* section for bottom links */
div.bottomsection
{
	border-top:				1px solid #CCCCCC;
	padding-top:			15px;
}

/* bottom links in detail */

div.linkchoosebinding, div.linkchoosecmcontainer, div.linkchoosetransaction, div.linkoverview
{
	background-image:		url(back.png);
	background-position:	0px center;
	background-repeat:		no-repeat;
	display:				block;
	margin-top:				5px;
}

div.linkchoosebinding:hover, div.linkchoosecmcontainer:hover, div.linkchoosetransaction:hover, div.linkoverview:hover
{
	background-image:		url(backHover.png);
	background-position:	0px center;
	background-repeat:		no-repeat;
}

div.linkchoosebinding a, div.linkchoosecmcontainer a, div.linkchoosetransaction a, div.linkoverview a
{
	display:				block;
	padding-left:			20px;
}

/* section for bottom links at overview page*/
div.mainlinks
{
	border-top:				1px solid #000000;
	padding-top:			20px;
	vertical-align:			bottom;

}

/* General style for license table */
table.licensetable
{
	border-spacing:			0px;
	width:					95.5%;
}

/* Style for all cells in license table */
table.licensetable td, table.licensetable th
{
	border-bottom:			1px solid #E8ECEB;
	border-top:				1px solid #E8ECEB;
	padding:				8px 10px 8px 10px;
	position:				relative;
}

/* Style for license table head */
th.licensehead
{
	background:		 		#DCDCDC;
	color:					#000000;
	text-align:				left;
}

/* Style for a license which can be activated or returned */
td.licenseactionpossible
{	
	background:				#B6B6B6;
}

/* Style for a license which was not activated yet / was returned */
td.licensenotactivated
{	
	background:				#B6B6B6;
}

/* Style for a license which is already activated */		
td.licensetaken
{	
	background:				#DDDDDD;
	color:					#666666;
}

/* Style for a license which is is not confirmed */		
td.licenseopen
{	
	background:				#DCDCDC;
}

/* Width of column with checkbox */
table.licensetable .columnselect
{
	padding-right:			0px;
	line-height:			16px;
	width:					20px;
}

td.split, th.split
{
	text-align:				left;
	white-space:			nowrap;
	width:					1px;
}

/* container and binding table */
.entrytable
{
	border-spacing:			0px;
	table-layout:			fixed;
	width:					95%;
}

.entry
{
	background:				#DCDCDC;
	color:					#000000;

}

.entry a
{
	border:					1px solid #DCDCDC;
	color:					#000000;
	display:		 	    inline-block;
/*	height:                 300px; */
	text-decoration:		none;
}

.entry a:hover
{
	background:				#B6B6B6;
	color:					#000000;
	text-decoration:		underline;
}

.entryspace
{
	height:					20px;
	width:					20px;
}

.entry div.ventry
{
	text-align: 			center;
	margin-top:		 		0px;
	overflow:				auto;
}

.entry div.binding
{
	height:					310px;
}

.entry div.restoretype
{
	height:					90px;
}

.entry div.entryborder
{
	border:					1px solid #B6B6B6;
	margin-top:		 		0px;
	margin-right:           0px;
}

.entry div.ventry img
{
	margin:					20px 20px 0px 20px;
}

.entry div.ventry div
{
	margin:					20px;
	text-align:				center;
}

.entry div.hentry
{
	display:				table;
	margin:					0px;
}

.entry div.hentry div
{
	display:				table-cell;
	padding:				20px;
	vertical-align:			top;
	width:					auto;
}

.entry div.hentry div.picturesmall
{
	padding-right:			0px;
	width:					60px;
}

.entry div.hentry div.serial
{
	padding-right:			0px;
	width:					130px;
	text-align:				left;
}

/* Style for checkbox in license table */
input.checkbox
{
	margin-bottom:			2px;
	vertical-align:			bottom;
}

/* Style for input fields*/
input.ticket, input.pickofflinefile, select.choosecontainer, input.comment
{
	border:					1px solid #000000;
	height:					22px;
	margin: 				0px;
	padding: 				0px;
	vertical-align:			top;
	
}

input.pickofflinefile
{
	width:					100%;
}

input.splitamount
{
	border: 				1px solid #CCCCCC;
	line-height:			20px;
	margin: 				0px;
	padding: 				3px;
	text-align: 			center;
	width:					30px;
	height:					20px;
}

input.splitamount:disabled
{
	background:				#DDDDDD;
	color:					#999999;
}

input.splitbutton
{
	background:				#B6B6B6;
	border: 				1px solid #CCCCCC;
	color: 					#FFFFFF;
	cursor: 				pointer;
	line-height:			20px;
	margin:					0px;
	padding: 				3px 10px 3px 10px;
	text-align: 			center;
	height:					28px;
}

input.splitbutton:hover
{
	background:				#DCDCDC;
	border: 				1px solid #B6B6B6;
	color:					#B6B6B6;
}

input.splitbutton:disabled
{
	background:				#DDDDDD;
	border: 				1px solid #DDDDDD;
	color: 					#999999;
}

input.spliterror
{
	background:				#FFEFEF;
	border: 				1px solid #FF0000;
}

div.splitdetails
{
	color:					#666666;
	font-style:				italic;
	font-size:				80%;
	margin:					0px;
}

input.ticket
{
	width:					420px;
}

input.comment
{
	width:					100%;
}

/* Style for buttons */
input.button
{
	background:				#E6E6E6;
	border: 				1px solid #878788;
	color: 					#000000;
	cursor: 				pointer;
	line-height:			18px;
	margin-right:			10px;
	padding: 				2px 30px 2px 30px;
	text-align: 			center;
}

input.button:hover
{
	background:				#B6B6B6;
/*	color: 					#ED7100; */
}

input.button:disabled
{
	background:				#DDDDDD;
	border: 				1px solid #DDDDDD;
	color: 					#999999;
}

/* Refresh CmConatiner Button */
input.buttonrefresh
{
	background-image:		url(refresh.png);
	background-position:	center center;
	background-repeat:		no-repeat;
	border: 				none;
	cursor: 				pointer;
	height:					24px;
	margin: 				0px;
	margin-right:			8px;
	padding: 				0px;
	padding-right: 			0px;
	width:					24px;
}

input.buttonrefresh:hover
{
	background-image:		url(refreshHover.png);
	background-position:	center center;
	background-repeat:		no-repeat;
}



/* Background overlay */
div.overlaybackground
{
	background:				#000000;
	height:					100%;
	left:					0px;
	margin:					0px;
	opacity:				0.75;
	position: 				fixed;
	top:					0px;
	width:					100%;
	z-index:				199;
}

/* Overlay during progress */
div.overlay
{
	background:				#E8ECEB;
	left:					50%;
	margin-left:			-300px;
	position:				absolute;
	top:					100px;
	width:					600px;
	z-index:				200;
}

/* Headline of overlay, default h3 */
h3.overlayhead
{
	background:				#B6B6B6;
	color:					#FFFFFF;
	font-weight: 			bold;
	font-size:				100%;
	line-height:			150%;
	padding:				5px 20px 5px 20px;
}

div.overlaycontent
{
	background: 			#E8ECEB;
	margin:					0px;
	padding:				0px 20px 20px 20px;
	position:				relative;
}

/* Used for messages on main page, combined with error/warning/success/notice/info */
div.messagebox
{
	padding: 				0px 20px 20px 20px;
	margin:					20px 45px 0px 0px;
}

/* Used for error message, red with picture */
div.error
{
	background:				#FFEFEF url(error.png) no-repeat 24px 24px;
	border:					1px solid #CCCCCC;
	min-height:				59px;
	padding-left: 			79px;
}

/* Used for warning message, yellow with picture */
div.warning
{
	background:				#FFF8E1 url(warning.png) no-repeat 24px 24px;
	border:					1px solid #CCCCCC;
	min-height:				59px;
	padding-left: 			79px;
}

/* Used for success message, turquoise with picture */
div.success
{
	background:				#FFFFFF url(success.png) no-repeat 24px 24px;
	border:					1px solid #CCCCCC;
	min-height:				59px;
	padding-left: 			79px;
}

/* Like success message, but without picture */
/* Used if activation was successfull, but receipt failed */
div.notice
{
	background: 			#FFFFFF;
	border:					1px solid #CCCCCC;
}

/* Used for information message */
div.info
{
	background:				#FFFFFF;
	border:					1px solid #CCCCCC;
}

/* Style for error page */
div.errorcaption
{
	display:				block;
	font-weight:			bold;
}

div.errortext
{
	color:					#333333;
}

div.errorcode
{
	color: 					#666666;
}

/* Other licenses section */
div.otherlicenses
{
	display:				none;
	padding-left:			20px;
	margin-bottom:			20px;
}

div.plus
{
	background:				url(plus.png) no-repeat 0px center;
	display:				block;
	margin-top:				5px;
}

div.plus a
{
	display:				block;
	padding-left:			20px;
}

div.plus:hover
{
	background:				url(plusHover.png) no-repeat 0px center;
}

div.minus
{
	background:				url(minus.png) no-repeat 0px center;
	display:				block;
	margin-top:				5px;
}

div.minus a
{
	display:				block;
	padding-left:			20px;
}

div.minus:hover
{
	background:				url(minusHover.png) no-repeat 0px center;
}

/* General style progress view */
div.progress
{
	display:				table;
	position:				relative;
	width:					98%;
	font-weight: bold;
}

div.pleft
{
	border-top: 			20px solid #CCCCCC;
	border-bottom:			20px solid #CCCCCC;
	border-left:			20px solid transparent;
	display:				table-cell;
	height:					0px;
	width:					0px;
}

div.pmiddle
{
	background:				#CCCCCC;
	display:				table-cell;
	height:					40px;
	width:                  100px;
	text-align:				center;
	vertical-align:			middle;
}

div.pright
{
	border-top: 			20px solid transparent;
	border-bottom:			20px solid transparent;
	border-left:			20px solid #CCCCCC;
	display:				table-cell;
	height:					0px;
	width:					0px;
}

div.pleft_active
{
	border-top-color:		#FFCC00;
	border-bottom-color:	#FFCC00;
}

div.pmiddle_active
{
	background:				#FFCC00;
	color:					#000000;
}

div.pright_active
{
	border-left-color:		#FFCC00;
}

ol.cccdetails
{
	display:				none;
	list-style-type:		lower-alpha;
	margin-top:				0px;
}

/* Styles for detailed description of usage of CodeMeter Control Center */
div.plusinline
{
	background:				url(plus.png) no-repeat right center;
	display:				inline;
}

div.plusinline a
{
	display:				inline;
	padding-right:			20px;
}

div.plusinline:hover
{
	background:				url(plusHover.png) no-repeat right center;
}

div.minusinline
{
	background:				url(minus.png) no-repeat right center;
	display:				inline;
}

div.minusinline a
{
	display:				inline;
	padding-right:			20px;
}

div.minusinline:hover
{
	background:				url(minusHover.png) no-repeat right center;
}

.progressbar
{
	background:				#FFFFFF;
	border:					1px solid #CCCCCC;
	height:					30px;
	padding: 				0px;
	position:				relative;
}

.progressbarslider
{
	background:				#B6B6B6;
	margin-top:				0px;
	position:				absolute;
}

div.cmcontainer
{
	display:				inline;
	padding-left:			20px;
}

div.unknown
{
	background:				url(unknown.png) no-repeat left center;
}

div.found
{
	background:				url(found.png) no-repeat left center;
}

div.notfound
{
	background:				url(notfound.png) no-repeat left center;
}