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

/* Default setting for body */
body{
	background:#f2f2f2;
}

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

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

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

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

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

a:hover{
	text-decoration:underline;
}

/******************************************************************************
 * Page layout
 *****************************************************************************/
div.header{
	height:143px;
	margin:0px;
}

div.maincontent{
	background:#ffffff;
	margin:0px;
	padding:20px;
}

div.footertop{
	background:#e0e0e0;
	color:#333333;
	font-weight:bold;
	margin:0px;
	padding:14px 0px 14px 20px;
}

div.footertop a{
	color:#333333;
}

div.footerbottom{
	background:#ce004f;
	color:#FFFFFF;
	margin:0px;
	padding:20px 0px 20px 20px;
}

div.footerbottom a{
	color:#FFFFFF;
	text-decoration:underline;
}

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

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

img.logo{
	left:20px;
	top:10px;
}

/* Language div, floating in navigation div */
div.language{
	margin:0px;
	right:0px;
	top:10px;
	float:right;
}

/* List of navigation elements*/
ul.mainnavigation{
	left:0px;
	margin:0px;
	padding:0px;
	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{
	color:#333333;
	display:block;
	padding:5px 20px 5px 20px;
	text-decoration:none;
}

ul.mainnavigation li a:hover{
	color:#ce004f;
	text-decoration:underline;
}

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

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

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

/* Basic element, shows current language */
div.lang{
	background:#FFFFFF;
	border:1px solid #e0e0e0;
	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 #e0e0e0;
	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 #e0e0e0;
	display:block;
	margin:0px;
	padding:0px;
	text-align:left;
}

/* Highlight language on mouse over */	
div.lang ul li:hover{
	background:#e0e0e0;
	color:#333333;
	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:#333333;
	text-decoration:underline;
}

/* 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 #e0e0e0;
	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 #e0e0e0;
	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 #e0e0e0;
	border-top:1px solid #e0e0e0;
	padding:8px 10px 8px 10px;
	position:relative;
}

/* Style for license table head */
table.licensetable th{
	background:#ce004f;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
}

/* Style for a license which can be activated or returned */
table.licensetable .licenseactionpossible{	
	background:#ffffff;
	color:#333333;
}

/* Style for a license which was not activated yet / was returned */
table.licensetable .licensenotactivated{	
	background:#ffffff;
	color:#333333;
}

/* Style for a license which is already activated */		
table.licensetable .licensetaken{	
	background:#e0e0e0;
	color:#333333;
}

/* Style for a license which is is not confirmed */		
table.licensetable .replaced{
	border-top:none;
	background:#ffffff;
	color:#333333;
	font-style:italic;
	font-size:80%;
	padding:0px 10px 8px 30px;
	text-decoration:line-through;
}
table.licensetable .replace
{
	border-bottom:none;
	background:#e0e0e0;
	padding:8px 10px 0px 10px;
}

table.licensetable .licenseopen
{	
	color:#e0e0e0;
	background:#ffffff;
}

/* 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:#ce004f;
	color:#FFFFFF;
}

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

.entry a:hover{
	background:#f2f2f2;
	color:#333333;
}

.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 #e0e0e0;
	margin-top: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.cmserial{
	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 #e0e0e0;
	height:24px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

input.pickofflinefile{
	width:100%;
}

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

input.splitamount:disabled{
	background:#f2f2f2;
	color:#333333;
}

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

input.splitbutton:hover{
	background:#e0e0e0;
	border:1px solid #e0e0e0;
	color:#ce004f;
}

input.splitbutton:disabled{
	background:#f2f2f2;
	border:1px solid #f2f2f2;
	color:#333333;
}

input.spliterror{
	background:#f2f2f2;
	border:1px solid #ce004f;
}

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

input.ticket{
	width:400px;
}

input.comment{
	width:100%;
}

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

input.button:hover{
	background:#f2f2f2;
	color:#333333;
}

input.button:disabled{
	background:#e0e0e0;
	border:1px solid #e0e0e0;
	color:#333333;
}

/* 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:#333333;
	height:100%;
	left:0px;
	margin:0px;
	opacity:0.75;
	position:fixed;
	top:0px;
	width:100%;
	z-index:199;
}

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

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

div.overlaycontent{
	background:#e0e0e0;
	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:#f2f2f2 url(error.png) no-repeat 24px 24px;
	border:1px solid #e0e0e0;
	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 #e0e0e0;
	min-height:59px;
	padding-left:79px;
}

/* Used for success message, turquoise with picture */
div.success{
	background:#e0e0e0 url(success.png) no-repeat 24px 24px;
	border:1px solid #e0e0e0;
	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 #e0e0e0;
}

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

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

div.errortext{
	color:#333333;
}

div.errorcode{
	color:#595959;
}

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

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

div.pmiddle{
	background:#e0e0e0;
	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 #E0E0E0;
	display:table-cell;
	height:0px;
	width:0px;
}

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

div.pmiddle_active{
	background:#ce004f;
	color:#FFFFFF;
}

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

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 #e0e0e0;
	height:30px;
	padding:0px;
	position:relative;
}

.progressbarslider{
	background:#595959;
	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;}