/*
 * 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/telia/ajax-loader-loading.gif);
  	background-repeat:		no-repeat;
	background-position: 	center center;
	
}


input[type=button].ccs-button {
	
	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color: 					#FFFFFF;
	text-decoration:		none;
	background-color:		#774396;
	
	text-align:				center;
	height:					30px;
	width:					100px;
	
	border: 				1px solid #6D4387;
	-moz-border-radius:		5px;
  	-webkit-border-radius:	5px;
  	border-radius:			5px;
  	
  	cursor:					pointer;
}

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

	 background:				#AD8FBE;
		
}


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/telia/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: 	#643385;
    border: 		1px solid #FFFFFF;
    padding: 		0;
    opacity: 		1;
}

.ui-tooltip-content {
    
	position: 		relative;
    padding: 		1em;
    
    font-family:	arial;
	font-size: 		11px;
	font-weight:	normal;
	color:			#FFFFFF;
    
	text-align: 	left;
}

/*
a.tooltip {outline:none; }
a.tooltip strong {

	line-height:			30px;
	font-family: 			arial;
	font-size: 				13px;
	font-weight:			bold;
	text-decoration:		none;	
}

a.tooltip:hover {text-decoration:none;} 

a.tooltip span {
	font-family: 			arial;
	font-size: 				11px;
	font-weight:			normal;
	text-decoration:		none;	
 	z-index:				10;
 	display:				none; 
 	padding:				10px 15px;
    margin-top:				-30px; 
    margin-left:			20px;
    width:					250px; 
    line-height:			16px;
    
}

a.tooltip:hover span{
    display:				inline; 
    position:				absolute; 
    color:					#111;
    border:					1px solid #DCA; 
    background:				#fffAF0;
}

.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

*/

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

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

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

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

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: 			#1C1C41;
	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: 			11px;
	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 {

	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:				#1C1C41;
	padding: 			2px;
}

.livesearch li:hover {

	background-color: 	#642987;
	color:				#FFFFFF;
	cursor:				pointer;
	
}


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

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

input[type] { 

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

	-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:					#1C1C41;

	-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:					#1C1C41;

	-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-extremely 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:		#1C1C41;
		
}

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

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

.required {

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

}

.legendRequired {

	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color: 					#1C1C41;
	text-decoration:		none;
	background: 			url(../../../images/telia/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:			#1C1C41;
		
}

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

/********************************************************************
 *  Specify font color - begin                                      *
 ********************************************************************/
 
 .white {
 
 	color: #FFFFFF;
 }
 
 .green {
 
 	color: #006600;
 }
 
 .red {

 	color: #CC0000;
 }
 
 .orange {
 
 	color: #FF9933;
 }
 
/********************************************************************
 *  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: 5px 0px;
    padding: 10px 10px 10px 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/telia/messages/info.png');
}

.success {

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

.warning {

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

.error {

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

.validation {
    
    color:			#D63301;
    background-color: 		#FFCCBA;
    background-image: 		url('../../../images/telia/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*/

.lite-x-purple{background-image:url('../../../images/telia/lite-x-purple.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(http://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                                        *
 ********************************************************************/