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

/* Reset all margin and padding for all elements */
*
{
	margin:					0px;
	padding:				0px;
}

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

/* CodeMeter Trigger, should be invisible */
p.cmtrigger
{
	border:					none;
	height:					0px;
	margin:					0px;
	padding:				0px;
	position:				static;
	right:					0px;
}

/* Make error messagebox or section invisible */
.invisible
{
	display:				none;
}

/* Show section */
.notinvisible
{
}

/* All input fields should inherit style from body */
input, select, textarea
{
	font:					inherit;
	text-align: 			inherit;
	line-height:	 		inherit;
	vertical-align: 		inherit;
}

img
{
	border:					none;
	padding:				0px;
}

form.inline
{
	display:				inline;
}

/******************************************************************************
 * General Styles
 *****************************************************************************/
html
{
	font: 					normal 16px/140% Arial, Helvetica, Sans-Serif;
	color:					#000000;
}
 
/* Default setting for body */
body
{	
	background: 			#009BA3;
	border:					none;
	margin:					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;
}

h3
{
	color: 					#009BA3;
	font-weight: 			bold;
	font-size:				125%;
	line-height:			140%;
	padding:				3px 0px 3px 0px;
	margin-top:				0px;
}

a
{
	color: 					#009BA3;
	text-decoration:		none;
}

a:hover
{
	text-decoration: 		underline;
}

/******************************************************************************
 * Page layout
 *****************************************************************************/
div.header
{
	border:					none;
	margin:					0px;
	padding:				0px;
	position:				relative;
	height:					143px;
}

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

div.footertop
{
	border:					none;
	background: 			#333333;
	color:					#FFFFFF;
	margin:					0px;
	padding:				0px;
	padding-top:			14px;
	padding-bottom:			14px;
	position:				relative;
}

div.footertop a
{
	color:					#FFFFFF;
}

div.footerbottom
{
	border:					none;
	color:					#FFFFFF;
	margin:					0px;
	padding:				0px;
	padding-top:			20px;
	padding-bottom:			20px;
	position:				relative;

}

div.footerbottom a
{
	color:					#FFFFFF;
}

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

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

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

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

/* List of navigation elements*/
ul.mainnavigation
{
	left:					0px;
	margin: 				0px;
	padding: 				0px;
	position:				absolute;
	top:					99px;
}

/* Single navigation element */
ul.mainnavigation li
{
	display: 				inline;
	float: 					left;
	font-weight:			bold;
	list-style: 			none;
	text-align:				center;
}

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

ul.mainnavigation li a:hover
{
	background:				#FFFFFF;
	color:					#009BA3;
}

.navborder
{
	border:					none;
	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: 			20px;
	margin: 				0px;
	padding: 				8px 10px 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: 				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:				#009BA3;
	color:					#FFFFFF;
	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:					#FFFFFF;
	text-decoration:		none;
}

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

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

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

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

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

/* 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 #CCCCCC;
	padding-top:			20px;
	vertical-align:			bottom;
}

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

/* 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;
}

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

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

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

/* 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:				#C3E3E7;
}

/* 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:					100%;
}

.entry
{
	background:				#062d64;
	color:					#FFFFFF;
}

.entry a
{
	border:					1px solid #062d64;
	color:					#FFFFFF;
	display:		 		block;
	text-decoration:		none;
}

.entry a:hover
{
	background:				#d1d8e2;
	color:					#062d64;
}

.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 #062d64;
	margin-top:		 		0px;
}

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

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

.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 #CCCCCC;
	height:					24px;
	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:				#009BA3;
	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:				#D5ECEE;
	border: 				1px solid #009BA3;
	color:					#009BA3;
}

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;
	padding:				0px;
}

input.ticket
{
	width:					400px;
}

input.comment
{
	width:					100%;
}

/* Style for buttons */
input.button
{
	background:				#ED7100;
	border: 				1px solid #ED7100;
	color: 					#FFFFFF;
	cursor: 				pointer;
	margin-right:			10px;
	padding: 				6px 30px 6px 30px;
	text-align: 			center;
}

input.button:hover
{
	background:				#FDE5D0;
	
}

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:				#009BA3;
	color:					#FFFFFF;
	font-weight: 			bold;
	font-size:				100%;
	line-height:			150%;
	padding:				5px 20px 5px 20px;
}

div.overlaycontent
{
	border:					none;
	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;
}

/* 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
{
	border:					none;
	display:				table;
	position:				relative;
	width:					100%;
}

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;
	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:		#009BA3;
	border-bottom-color:	#009BA3;
}

div.pmiddle_active
{
	background:				#009BA3;
	color:					#FFFFFF;
}

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

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:				#009BA3;
	border:					none;
	margin-top:				0px;
	position:				absolute;
}