/*
 * Accept cookies
 */

#noteOnCookies {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 13px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

#noteOnCookies a {
    color: #4B8EE7;
    text-decoration: none;
}

#noteOnCookies a.cookiesAccepted {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

#noteOnCookies a.cookiesAccepted:hover {
    background-color: #E0C91F;
}

/********************************************************************
 *  Data tables - begin                                             *
 ********************************************************************/

table.dataTables th{
    
    font-size: 13px;
    font-weight: bold;
} 

table.dataTables td{
    
    font-size: 12px;
    font-weight: normal;
} 

/********************************************************************
 *  Data tables - end                                               *
 ********************************************************************/

/********************************************************************
 *  Uploads - begin                                                 *
 ********************************************************************/

#uploadForm{
    
   height:100px;
}

#uploadForm {
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}

#uploadProcess{
    
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align: center;
   width: 300px;
}


/********************************************************************
 *  Uploads - end                                                   *
 ********************************************************************/

/********************************************************************
 *  Dialog - begin                                                  *
 ********************************************************************/

.ui-dialog-title {
    
    text-align:     center;
    font-family:    arial;
    font-size:      16px;
    font-weight:    bold;
}

.ui-dialog  {
    
    text-align:     left;
    font-family:    arial;
    font-size:      12px;
    font-weight:    normal;
}

/********************************************************************
 *  Dialog - end                                                    *
 ********************************************************************/

.overlay{

	position:	 		absolute;
  	top: 				0;
  	left: 				0;
  	width: 				100%;
  	height: 			2000px;
  	z-index: 			100;
  	background-color: 		rgba(0,0,0,0.5); /*dim the background*/
  				
}

.loading {

	width:				250px;
	height:				150px;	
	-moz-border-radius:		5px;
  	-webkit-border-radius:          5px;
  	border-radius:			5px;
  	background-color: 		white;
  	margin:				10% auto;
  	background-image:		url(../../../images/id2me/ajax-loader.gif);
  	background-repeat:		no-repeat;
	background-position:            center center;
	
}


input[type=button].ccs-button {
	
	font-family: 		arial;
	font-size: 		12px;
	font-weight:		normal;
	color: 			#FFFFFF;
	text-decoration:	none;
	_background-color:	#FFFFFF;
	
	text-align:		center;
	height:			30px;
	width:			100px;
	
	_border: 		1px solid #EC758A;
	-moz-border-radius:	5px;
  	-webkit-border-radius:  5px;
  	border-radius:		5px;
  	
  	cursor:			pointer;
        
        background-image:       linear-gradient(to bottom, #FF545E 20%, #E30714 100%);
        
}

input[type=button].ccs-button:hover {

	_background:		#EC758A;
        color: 			#FFFFFF;
        background-image: 	linear-gradient(to bottom, #E30714 20%, #FF545E 100%);
      	
}


input[type=radio].css-radio {
	
	position:		absolute; 
	z-index:		-1000; 
	left:			-1000px; 
	overflow: 		hidden; 
	clip: 			rect(0 0 0 0); 
	height:			1px; 
	width:			1px; 
	margin:			-1px; 
	padding:		0; 
	border:			0;
}

input[type=radio].css-radio + label.css-radio {

	padding-left:			24px;
	height:					19px; 
	display:				inline-block;
	line-height:			19px;
	background-repeat:		no-repeat;
	background-position: 	0 0;
	vertical-align:			middle;
	cursor:					pointer;

}

input[type=radio].css-radio:checked + label.css-radio {

	background-position: 	0 -19px;
}
						
label.css-radio {
				
	background-image:		url(../../../images/id2me/csscheckbox_green.png);
	-webkit-touch-callout: 	none;
	-webkit-user-select: 	none;
	-khtml-user-select: 	none;
	-moz-user-select: 		none;
	-ms-user-select: 		none;
	user-select: 			none;	
	
	font-family:			arial;
	font-size: 			13px;
	font-weight:			normal;
	color:				#1C1C41;
}





/********************************************************************
 *  Tooltip - begin                                                 *
 ********************************************************************/

 .ui-tooltip {
 
    background: 	#FFFFFF;
    border: 		1px solid #000000;
    padding: 		0;
    opacity: 		1;
}

.ui-tooltip-content {
    
    position: 		relative;
    padding: 		1em;
    
    font-family:	arial;
    font-size: 		11px;
    font-weight:	normal;
    color:		#000000;

    text-align: 	left;
}


/********************************************************************
 *  Tooltip - end                                                   *
 ********************************************************************/

/********************************************************************
 *  Links - begin                                                   *
 ********************************************************************/

a.unimpressive:link { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			black;
	font-weight:		normal;	
	text-decoration: 	underline;
}

a.unimpressive:visited { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			black;
	font-weight:		normal;	
	text-decoration: 	underline;

}

a.unimpressive:hover, a.menu:active { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			black;
	font-weight:		normal;	
	text-decoration: 	underline;
}

a.element:link,
a.element:visited,
a.element:hover, 
a.element:active { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			#333333;
	font-weight:		normal;	
	text-decoration: 	none;
}


a.header:link { 

	font-family: 		arial;
	font-size: 		11px;
	color: 			#FFFFFF;
	font-weight:		normal;	
	text-decoration: 	none;
}

a.header:visited { 

	font-family: 		arial;
	font-size: 		11px;
	color: 			#FFFFFF;
	font-weight:		normal;	
	text-decoration: 	none;

}

a.header:hover, a.menu:active { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			#FFFFFF;
	font-weight:		normal;	
	text-decoration: 	none;
}

a.footer:link { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;
}

a.footer:visited { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;

}

a.footer:hover, a.menu:active { 

	font-family: 		arial;
	font-size: 		12px;
	color: 			#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;
}

/********************************************************************
 *  Links - end                                                     *
 ********************************************************************/


/********************************************************************
 *  Live search - begin                                             *
 ********************************************************************/

.livesearch {

	display: 				none;
	margin: 				0 0 0 0; 
	padding: 				0px; 
	background-color: 		#FFFFFF; 
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	border:					1px solid #A9A9A9;
	max-height:				150px;
	overflow: 				auto;
	
	
}

.livesearch ul {

	list-style: none; 
	width: 100%; 
	margin: 0 0 0 0; 
	padding: 0;
}

.livesearch li {

	margin-bottom: 		1px;
	font-family: 		arial;
	font-size:			13px;
	font-weight:		normal;
	color:				#333333;
	padding: 			2px;
}

.livesearch li:hover {

	background-color: 	#2372B5;
	color:				#FFFFFF;
	cursor:				pointer;
	
}


/********************************************************************
 *  Live search - end                                               *
 ********************************************************************/

 
/********************************************************************
 *  Input fields - basic - begin                                    *
 ********************************************************************/

input[type] { 

	font-family:		arial;
	font-size: 			13px;
	font-weight:		normal;
	color:				#333333;

	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	border:					1px solid #A9A9A9;

	padding:				2px 5px;
	height:					25px;
}

/********************************************************************
 *  Input fields - basic - end                                      *
 ********************************************************************/

/********************************************************************
 *  Select menu - basic - begin                                     *
 ********************************************************************/

select {
	
	font-family:			arial;
	font-size: 				13px;
	font-weight:			normal;
	color:					#333333;

	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	border:					1px solid #A9A9A9;

	padding:				2px 5px;
	height:					31px;
}

/********************************************************************
 *  Select menu - basic - begin                                     *
 ********************************************************************/

/********************************************************************
 *  Select menu - basic - begin                                     *
 ********************************************************************/

 textarea {
	
	font-family:		arial;
	font-size: 		13px;
	font-weight:		normal;
	color:			#1D1D1B;

	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 		5px;
	border:			1px solid #A9A9A9;

	padding:		2px 5px;
	overflow:		auto;
}

/********************************************************************
 *  Select menu - basic - begin                                     *
 ********************************************************************/

/********************************************************************
 *  Specify width - begin                                           *
 ********************************************************************/

/* width-very small */
.w-vs {  

	width: 			40px; 
}

/* width-small */
.w-s {  

	width: 			80px; 
}

/* width-medium */
.w-m { 

	width: 			150px;
}

/* width-large */
.w-l {

	width:			200px;		
}

/* width-very large */
.w-vl { 

	width: 			250px; 
}

/* width-very-very large */
.w-vvl { 

	width: 			350px; 
}

/* width-exid2memely large */
.w-exl { 

	width: 			450px; 
}


/********************************************************************
 *  Specify width - end                                             *
 ********************************************************************/

/********************************************************************
 *  Specify height - begin                                          *
 ********************************************************************/

/* Height-very small */
.h-vs {
	height:			40px;
}

/* Height-small */
.h-s {
	height:			80px;
}

/* Height-medium */
.h-m {
	height:			150px;
}

/* Height-large */
.h-l {
	height:			200px;
}

/* Height-very large */
.h-vl {
	height:			250px;
}

/********************************************************************
 *  Specify height - end                                            *
 ********************************************************************/



/********************************************************************
 *  Label - basic - begin                                           *
 ********************************************************************/

label {

	font-family:	arial;
	font-size: 	13px;
	font-weight:	bold;
	_color:		#1D1D1B;	
}

/********************************************************************
 *  Label - basic - end                                             *
 ********************************************************************/

/********************************************************************
 *  Specify required - begin                                        *
 ********************************************************************/

.required {

	background: 		url(../../../images/id2me/asterisk.png); 
	background-repeat: 	no-repeat;
	background-position: 	top right;
	padding-right: 		10px;

}

.legendRequired {

	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color: 					#333333;
	text-decoration:		none;
	background: 			url(../../../images/id2me/asterisk.png); 
	background-repeat: 		no-repeat;
	background-position: 	top left;
	padding-left: 			10px;
}

/********************************************************************
 *  Specify required - begin                                        *
 ********************************************************************/


/********************************************************************
 *  Element - basic - begin                                         *
 ********************************************************************/

element {

	font-family:	arial;
	font-size: 	13px;
	font-weight:	normal;
	color:		#1D1D1B;	
}


/********************************************************************
 *  Element - basic - end                                           *
 ********************************************************************/

 /********************************************************************
 *  Specify font color - begin                                      *
 ********************************************************************/
 
 .white {
 
 	color: #FFFFFF;
 }
 
 .green {
 
 	color: #006600;
 }
 
 .red {
 
 	color: #CC0000;	
 }
 
  .orange {
 
 	color: #FF9933;
 }
 
 .imsBlue {
 
 	color: #2471B7;	
 }
 
/********************************************************************
 *  Specify font color - end                                        *
 ********************************************************************/
 
 
 /********************************************************************
 *  Specify currency EUR - begin                                     *
 ********************************************************************/

 element.currencyEuro:after {

	content: 			" EUR";
		
}
 
/********************************************************************
 *  Specify currency EUR - end                                      *
 ********************************************************************/

 /********************************************************************
 *  Specify currency DKK - begin                                     *
 ********************************************************************/

 element.currencyDkk:after {

	content: 			" DKK";
		
}
 
/********************************************************************
 *  Specify currency DKK - end                                      *
 *******************************************************************/
 
 
/********************************************************************
 *  Specify text decoration - begin                                 *
 ********************************************************************/

.underline {

	text-decoration:	underline;
}

/********************************************************************
 *  Specify text decoration - end                                   *
 ********************************************************************/

/********************************************************************
 *  Specify color - begin                                           *
 ********************************************************************/

/* color red */
.c-red {

	color:	red;
}

/* color green */
.c-green {

	color:	green;
}


/********************************************************************
 *  Specify text decoration - end                                   *
 ********************************************************************/

/********************************************************************
 *  Specify messages - begin                                        *
 ********************************************************************/

.info, .success, .warning, .error, .validation {
	
	border: 				1px solid;
	margin: 				10px 0px;
	padding:				15px 10px 15px 50px;
	background-repeat: 		no-repeat;
	background-position: 	10px center;
	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	text-decoration:		none;	
}

.info {
	
	color:					#00529B;
	background-color:		#BDE5F8;
	background-image:		url('../../../images/id2me/messages/info.png');
}

.success {

	color:				#4F8A10;
	background-color:		#DFF2BF;
	background-image:		url('../../../images/id2me/messages/success.png');
}

.warning {

	color:				#9F6000;
	background-color:		#FEEFB3;
	background-image:		url('../../../images/id2me/messages/warning.png');
}

.error {

	color:				#D8000C;
	background-color:		#FFBABA;
	background-image:		url('../../../images/id2me/messages/error.png');	
}

.validation {
	color:				#D63301;
	background-color: 		#FFCCBA;
	background-image: 		url('../../../images/id2me/messages/validation.png');
}

/********************************************************************
 *  Specify messages - end                                          *
 ********************************************************************/


a.headerButton:link { 

	font-family: 		arial;
	font-size: 		11px;
	color: 			#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;
}

a.headerButton:visited { 

	font-family: 		arial;
	font-size: 		11px;
	color: 			#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;

}

a.headerButton:hover, a.menu:active { 

	font-family: 		arial;
	font-size: 		11px;
	color: 			#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	underline;
}



/********************************************************************
 *  Specify messages - end                                          *
 ********************************************************************/


/********************************************************************
 *  Checkboxes - basic - begin                                      *
 ********************************************************************/

 /*
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*/

input[type=checkbox].css-checkbox {
	  position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}

/*
.css-label{
	background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
}
*/

/*specific classes related to Checkbox skins*/

.depressed{background-image:url(../../../images/id2me/depressed.png);}


/*
.lite-green-check{background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png);}
.lite-blue-check{background-image:url(http://csscheckbox.com/checkboxes/lite-blue-check.png);}
.lite-gray-check{background-image:url(http://csscheckbox.com/checkboxes/lite-gray-check.png);}
.lite-cyan-check{background-image:url(http://csscheckbox.com/checkboxes/lite-cyan-check.png);}
.lite-orange-check{background-image:url(http://csscheckbox.com/checkboxes/lite-orange-check.png);}
.lite-red-check{background-image:url(http://csscheckbox.com/checkboxes/lite-red-check.png);}

.lite-x-cyan{background-image:url(http://csscheckbox.com/checkboxes/lite-x-cyan.png);}
.lite-x-gray{background-image:url(http://csscheckbox.com/checkboxes/lite-x-gray.png);}
.lite-x-blue{background-image:url(http://csscheckbox.com/checkboxes/lite-x-blue.png);}
.lite-x-orange{background-image:url(http://csscheckbox.com/checkboxes/lite-x-orange.png);}
.lite-x-red{background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png);}
.lite-x-green{background-image:url(ht4tp://csscheckbox.com/checkboxes/lite-x-green.png);}

.mac-style{background-image:url(http://csscheckbox.com/checkboxes/mac-style.png);}


.mario-style{background-image:url(http://csscheckbox.com/checkboxes/mario-style.png);}
.alert-style{background-image:url(http://csscheckbox.com/checkboxes/alert-style.png);}
.lite-plus{background-image:url(http://csscheckbox.com/checkboxes/lite-plus.png);}
.dark-plus{background-image:url(http://csscheckbox.com/checkboxes/dark-plus.png);}
.dark-plus-cyan{background-image:url(http://csscheckbox.com/checkboxes/dark-plus-cyan.png);}
.dark-plus-orange{background-image:url(http://csscheckbox.com/checkboxes/dark-plus-orange.png);}
.dark-check-cyan{background-image:url(http://csscheckbox.com/checkboxes/dark-check-cyan.png);}
.dark-check-green{background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);}
.dark-check-orange{background-image:url(http://csscheckbox.com/checkboxes/dark-check-orange.png);}


.depressed-lite-small{background-image:url(http://csscheckbox.com/checkboxes/depressed-lite-small.png);}
.elegant{background-image:url(http://csscheckbox.com/checkboxes/elegant.png);}
.depressed{background-image:url(http://csscheckbox.com/checkboxes/depressed.png);}
.chrome-style{background-image:url(http://csscheckbox.com/checkboxes/chrome-style.png);}
.web-two-style{background-image:url(http://csscheckbox.com/checkboxes/web-two-style.png);}
.vlad{background-image:url(http://csscheckbox.com/checkboxes/vlad.png);}
.klaus{background-image:url(http://csscheckbox.com/checkboxes/klaus.png);}
*/

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:22px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -20px;
}


/********************************************************************
 *  Checkboxes - basic - end                                        *
 ********************************************************************/