/******************************************************************************
 *
 * CodeMeter License Central WebDepot
 * design.css
 * (c) 2012-2014: 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;
}

/* Each element takes care about the margin before itself */
p, div, hr, table, ol, ul
{
}

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

a
{
	color: 					#000000;
}

a:hover
{
}

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

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

div.footertop
{
	border:					none;
	background: 			#FFFFFF;
	color:					#000000;
	margin:					0;
	padding:                14px 0;
}

div.footertop a
{
	color:					#000000;
}

div.footerbottom
{
	border:					none;
	color:					#000000;
	margin:					0;
	padding:                20px 0;
}

div.footerbottom a
{
	color:					#000000;
}

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

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

img.logo
{
	left:					0;
	top:					0;
	padding-top: 5px;
}

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

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

/* Single navigation element */
ul.mainnavigation li
{
	font-weight:			bold;
}

ul.mainnavigation li a
{
	background:				#ED7100;
	color:					#FFFFFF;
	padding: 				5px 20px 5px 20px;
	border: 1px solid #ED7100;
	margin-left:1px;

}

ul.mainnavigation li a:hover
{
	background: rgba(237, 113, 0,.8);
	color:					#FFFFFF;
}

.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;
	padding: 				8px 10px 8px 10px;
	width: 					200px;
}

/* List of available languages */
div.lang ul
{
	background:		 		#FFFFFF;
	border: 				1px solid #CCCCCC;
	max-height:				370px;
	top: 					36px;
}

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

/* Highlight language on mouse over */	
div.lang ul li:hover
{
	background:				#ED7100;
	color:					#FFFFFF;
}

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

/* Makes complete language entry line as link */
div.lang ul li a:hover
{
	color:					#FFFFFF;
}

/* Flag in language entry */
img.langflag
{
}

/* Drop down in language entry */
img.langdrop
{
}

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

/* Used for captions above input or select elements */
div.inputcaption
{
}

div.inputcontent
{
}

/* action section */
div.actionframe
{
}

div.toggleonlineoffline
{
}

div.buttonline
{
}

div.acceptline
{
}

div.accepttext
{
}

/* section for bottom links */
div.bottomsection
{
}

/* bottom links in detail */

div.linkchoosebinding, div.linkchoosecmcontainer, div.linkchoosetransaction, div.linkoverview
{
}

div.linkchoosebinding:hover, div.linkchoosecmcontainer:hover, div.linkchoosetransaction:hover, div.linkoverview:hover
{
}

div.linkchoosebinding a, div.linkchoosecmcontainer a, div.linkchoosetransaction a, div.linkoverview a
{
}

/* section for bottom links at overview page*/
div.mainlinks
{
	border-top:				1px solid #CCCCCC;
}

/* General style for license table */
table.licensetable
{
}

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

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

td.split, th.split
{
}

/* container and binding table */
.entrytable
{
}

.entry
{
	background:				#ED7100;
	color:					#FFFFFF;
}

.entry a
{
	border:					1px solid #ED7100;
	color:					#FFFFFF;
}

.entry a:hover
{
	background:				#D5ECEE;
	color:					#ED7100;
}

.entryspace
{
}

.entry div.ventry
{
}

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

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

.entry div.entryborder
{
	border:					1px solid #ED7100;
}

.entry div.ventry img
{
}

.entry div.ventry div
{
}

.entry div.hentry
{
}

.entry div.hentry div
{
}

.entry div.hentry div.picturesmall
{
}

.entry div.hentry div.serial
{
}

/* Style for checkbox in license table */
input.checkbox
{
}

/* Style for input fields*/
input.ticket, input.pickofflinefile, select.choosecontainer, input.comment
{
	border:					1px solid #CCCCCC;
	height:					24px;
}

input.pickofflinefile
{
}

input.splitamount
{
	border: 				1px solid #CCCCCC;
	line-height:			20px;
	width:					30px;
	height:					20px;
}

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

input.splitbutton
{
	background:				#ED7100;
	border: 				1px solid #CCCCCC;
	color: 					#FFFFFF;
	line-height:			20px;
	height:					28px;
}

input.splitbutton:hover
{
	background:				#ED7100;
	border: 				1px solid #ED7100;
	color:					#FFFFFF;
}

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

input.ticket
{
}

input.comment
{
}

/* Style for buttons */
input.button
{


	background:				#ED7100;
	border: 				1px solid #ED7100;
	color: 					#FFFFFF;
	padding: 				6px 30px 6px 30px;
}

input.button:hover
{
	background: rgba(237, 113, 0,.8);
	color:					#FFFFFF;

}

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

/* Refresh CmConatiner Button */
input.buttonrefresh
{
	height:					24px;
	width:					24px;
}

input.buttonrefresh:hover
{
}

/* Background overlay */
div.overlaybackground
{
}

/* Overlay during progress */
div.overlay
{
	background:				#E8ECEB;
}

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

div.overlaycontent
{
	border:					none;
	background: 			#E8ECEB;
}

/* Used for messages on main page, combined with error/warning/success/notice/info */
div.messagebox
{
}

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

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

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

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

div.errortext
{
}

div.errorcode
{
}

/* Other licenses section */
div.otherlicenses
{
}

div.plus
{
}

div.plus a
{
}

div.plus:hover
{
}

div.minus
{
}

div.minus a
{
}

div.minus:hover
{
}

/* General style progress view */
div.progress
{
}

div.pleft
{
	border-top: 			20px solid #CCCCCC;
	border-bottom:			20px solid #CCCCCC;
}

div.pmiddle
{
	background:				#CCCCCC;
}

div.pright
{
	border-top: 			20px solid transparent;
	border-bottom:			20px solid transparent;
	border-left:			20px solid #CCCCCC;
}

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

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

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

ol.cccdetails
{
}

/* Styles for detailed description of usage of CodeMeter Control Center */
div.plusinline
{
}

div.plusinline a
{
}

div.plusinline:hover
{
}

div.minusinline
{
}

div.minusinline a
{
}

div.minusinline:hover
{
}

.progressbar
{
	background:				#FFFFFF;
	border:					1px solid #CCCCCC;
}

.progressbarslider
{
	background:				#ED7100;
}