/*----------------- G L O B A L --------------------*/
html, body {margin:0; padding:0; width:100%; height:100%;}
#Body{}
td {vertical-align:top;}
img {border: 0;}
HR {width: 100%; height: 1px; border:0; border-top: 1px dotted #ccc; }

ul {margin:5px 0 10px 17px; padding:0; }
ol{margin:10px 0 10px 18px; padding:0;}
li{padding:0 10px 5px 0; }
ul li{list-style-type: disc; line-height:120%;}

/*------------------- T E X T ----------------------*/
body {
    font: normal 11px Tahoma, Arial, Verdana;
    line-height: 135%;
    color: #555;
}
p{padding:0; margin:0 0 10px;}

#toparea, #helperButton {
    font: normal 11px Tahoma, Arial, Verdana !important;
}

#helperButton {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.centerimage{
            margin-left:auto;
	        margin-right:auto;
            display:block;
        }
/*---------------- H E A D E R S -------------------*/
.Head {font: bold 14px Tahoma, Arial, Verdana; color: #999; margin-bottom:12px;}
.SubHead, .SubSubHead {font: bold 12px Tahoma, Arial, Verdana; color: #666;}

H1 {font: normal 24px Verdana, Arial, Tahoma; color: #555; line-height:120%; margin: 20px 0 15px;} 
H2 {font: bold 13px Verdana, Arial, Tahoma; color: #555; line-height:120%; margin:0 0 15px;}
H3 {font: bold 13px Verdana, Arial, Tahoma; color: #333; line-height:120%; margin:0 0 10px;}
H4{font: bold 13px Tahoma, Arial, Verdana; color: #666; line-height:120%; margin:0 0 3px;}
H4 a:link, H4 a:active, H4 a:visited {color: #0078c9; }
H4 a:hover {color: #c30; }
H6 {font: bold 11px Tahoma, Arial, Verdana; color: #777; line-height:120%; margin:0 0 5px;}

/*---------------- F O O T E R S -------------------*/
#footer {background:#fff; text-align:center; font:normal 11px Tahoma, Arial, Verdana; padding:15px 0 ; color: #888;}
.footerlink, a.footerlink:link, a.footerlink:active, a.footerlink:visited{color: #888; text-decoration:none;}
a.footerlink:hover{ color: #c30; text-decoration:none;}

/*------------------ L I N K S ---------------------*/
a, a.Normal { color:#2b85c2; text-decoration: none;}
a:hover, a.Normal:hover {color:#c30; text-decoration: none;}

/*----------------- C U S T O M --------------------*/

#wrapper{background:#222 url(shade_top.gif) repeat-x left top; width:100%; height:100%;}
.PageWidth{width:970px; text-align:left; margin:0 auto;}

#toparea{background: url(bg_top.gif) no-repeat center top; width:100%; text-align:center; height:125px;}
* html #toparea{height:125px;}/*-- ie6 hack --*/

#bannerarea{background:#fff; width:100%; border-top:#9d9d9d 5px solid; border-bottom:#dfdfdf 5px solid; text-align:center;}
#mainarea{background:#fff url(shade_blue.gif) repeat-x center top; width:100%; border-top:#dfdfdf 5px solid; text-align:center; padding-bottom: 34px;min-height:400px;}

.roundwhiteleft{width:50%; background: url(white_tl.gif) no-repeat left top; float:left;}
.roundwhiteright{width:50%; background: url(white_tr.gif) no-repeat right top; float:right;}

/*-- toparea --*/
#logo{float:left; width:245px;}
#topright{float:right; text-align:right; padding-top:10px; width:710px;}
#toplink{ height:40px; text-align:right;}
#toplink, #toplink a:link, #toplink a:visited, #toplink a:active { height:50px; text-align:right; color:#666; font-weight:bold;}
#toplink a:hover {color:#fff;}

#searcher{background: url(bg_search.gif) no-repeat right top; float:right; height:20px; width:250px; margin-bottom:8px;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {background:none; width:135px; height:20px; font: 11px Arial,Tahoma; color: #999; border:0; cursor:text; padding:2px 5px 0 0;}


#topmenu
{
	padding-top:47px;	
}
#mainmenusub{}
#mainmenucell{}
#languageSelector { height: 15px; }


/*-- frontpage --*/
.h24{height:24px;}
#colleft{width:480px; float:left; margin-right:20px;}
#colmid{width:240px; float:left; }
.colmid{padding:10px 18px 0; background:#fff; min-height:300px; }
* html .colmid{height:300px;}/*-- ie6 hack --*/
#colright{float:right; width:200px;}

.white_tl{height:6px; width:50%; font-size:1px; background: url(white_tl.gif) no-repeat left top; float:left;}
.white_tr{height:6px; width:50%; font-size:1px; background: url(white_tr.gif) no-repeat right top; float:right;}


/*-- subpage --*/
.linetop{border-top:#e1e1e1 5px solid;}
#colleftsub{width:180px; float:left; margin-right:20px;}
#colmidsub{width:540px; float:left;}
.colmidsub{ min-height:400px; padding:12px 25px; background:#fff;}
* html .colmidsub{height:400px;}/*-- ie6 hack --*/
#colrightsub{margin-top:40px; float:right; width:200px;}

#coladmin{width:760px; float:left;}
.coladmin{ min-height:400px; padding:12px 25px; background:#fff;}
* html .coladmin{height:400px;}/*-- ie6 hack --*/


/*-- Other --*/
#Breadcrumb{padding:9px 25px;}
#Breadcrumb, #Breadcrumb a:link, #Breadcrumb a:visited, #Breadcrumb a:active{font:normal 11px Arial,Tahoma; color:#546672; text-decoration:none;}
#Breadcrumb a:hover{color:#fff; text-decoration:none;}

.cboth{clear:both;}
.cleft{clear:left;}
.cright{clear:right;}


/*-- special --*/
.produktbilde{margin-left:-20px;}


/* =======================  Nuke news  ======================= */
.newscontainer{margin:0;} 
.NukeNews_Item, .NukeNews_AltItem{padding:10px 0; background:none; border-top:#ccc 1px dotted;}
#Table1{text-align:left;}
.ovdiv{padding-bottom:6px;}
a.ovlink:link, a.ovlink:active, a.ovlink:visited {font:normal 17px Arial, Verdana, Tahoma; color:#2b85c2; text-decoration:none;}
a.ovlink:hover{color:#c30; text-decoration: none;}
.tekstTD{}
.nsum{}
.artikkel{width:100%; text-align:left;}
/* #dnn_ctr757_dnnTITLE_lblTitle{display:none;}
#dnn_ctr_ManageUsers_lblTitle{display:none;} */
.rss_feed{padding:0 0 4px 10px; line-height:120%; background:url(blue_strek.gif) no-repeat left 6px;}
.rss_foot{padding:7px 0 7px 10px; }


/*------------------ P A N E S ---------------------*/


.LeftPane{}
.ContentPane{}
.ContentPaneSub{}
.MidPane{}
.RightPane{}



/*------------------ F O R M S ---------------------*/
.NormalTextBox, textarea, select, input {font:normal 11px Tahoma, Arial, Verdana; padding:2px;}
.StandardButton{ font:bold 11px Tahoma; background: #67a7d1 url(bg_button.gif) repeat-x 50% 50%; color: #fff; padding: 2px 3px 3px; margin: 4px 4px 4px 0; cursor:pointer; border:0;}


/*------------------- M E N U ----------------------*/

/*------ Container box for menu ------*/ 
.MainMenu_MenuContainer { background:transparent;}
/*------ Menubar for menu --------*/  
.MainMenu_MenuBar {cursor: pointer;  background:transparent; }

/*------ Idle menuitems --------------*/
.MainMenu_Idle TD {font:bold 12px Arial, Tahoma; color: #1080cb; padding:0 0 0 10px; border:0;}
/*------ Hover menuitems -------------*/ 
.MainMenu_Selected TD {font:bold 12px Arial, Tahoma; color: #fff; padding:0 0 0 10px; border:0;}
/*------ Active menuitems ------------*/ 
.MainMenu_Active TD, .MainMenu_BreadcrumbActive TD {font:bold 12px Arial, Tahoma; color: #848e94; padding:0 0 0 10px; border:0; }
		


/*------ box between mainmenu items ------*/
.MainMenu_MenuBreak{background:transparent; border:0;}


/*------ Container for submenus ------*/ 
.MainMenu_SubMenu { background: #525252 url(bg_submenu.gif) repeat-x; z-index: 1000; cursor: pointer; border:0; padding:5px 8px 15px;}
/*------ Idle submenu items ----------*/ 
.MainMenu_MenuItem {font:normal 12px Arial, Tahoma;  background:transparent; color: #999; padding:4px 30px 5px 10px; border:0; }
/*------ Hover submenu items ---------*/ 
.MainMenu_MenuItemSel {background:transparent;}
.SubMenu_Selected {font:normal 12px Arial, Tahoma;  background:#000; color: #999; padding:4px 30px 5px 10px; border:0; }

/*-- not display in menu --*/ 
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }

.syntax { color: maroon; }
.string { color: blue; }
code { background-color: #EEE; padding: 1em 0.5em 1em 0.5em; }


/*++++++++++++++++  End Style Sheet +++++++++++++++++*/


.startMenu, .topBarMenu
{
	list-style: none;
	margin: 0px;	
}

.startMenu
{
	padding-top: 24px;
	text-align:center;
    clear: right;
}

.startMenu a
{
	width: 256px;
	height: 96px;
	background-color: #FFF;
	display: inline-block;
}

.startMenu li 
{
	width: 256px;
	height: 96px;
	background-color: #FFF;
	border: 2px solid;
	border-color: #9CF;
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	margin: 5px;
}

.topBarMenu li
{
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-weight: bold;
	white-space: nowrap;
}


.inputform dd 
{
	margin: 0;
}

.info 
{
	border: 1px solid #036;
	color: #003366;
	background-color: #DDEEFF;
	padding: 3px;
}

.error
{
	border: 1px solid #900;
	background-color: #FEE;
	color: #900;
	padding: 3px;
}

.accessNumber
{
	font-weight: bold;
	color: #5D7B9D;
}
#ReportParameters 	
{
	padding-top: 5px;	
	padding-bottom: 5px;	
	width: 100%;
	border-bottom: 1px solid black;
}
.accessNumberContainer
{
	/*border: solid 1px black;
	background-color: #5D7B9D;*/
	width: 100%;
}
.accessNumberEditDetails
{
	background-color: #eeeeee;
	border: solid 1px black;
	padding: 10px;
}

.dataGrid caption
{
	text-align:left;
	background-color:#5D7B9D;
	color:White;
	font-weight:bold;
	padding-left: 4px;
}

.button {
    padding: 3px 10px 3px 10px;
    height: 27px;
}

#helperButton
{
	float: right;
	background-color: #0082CB;
	padding: 4px 10px 4px 10px;
    border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}

.linkButton {
    background-color: #0082CB;
    padding: 6px 10px 6px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    color: #FFF;
    font-size: 10pt;
}

.linkButton:hover {
    background-color: #3392DB;
    color: #FFF;
}

#newReportsButton {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 0.1em;
    font-weight: bold;
    width: 50%;
    margin: 0 auto;
    margin: 0 auto;
}
#newReportsButton a {
    color: #fff;
    width: 100%;
}
#helperButton label
{
	letter-spacing: 0.1em;
	color: White;
	font-weight: bold;
	cursor:pointer;
}

#helperContent
{
	padding: 0px;
	display:none;	
}	

#helperFrame
{
	margin-top: 4px;
	width:960px;
	height:250px;
	border: 0px;
	border: 1px solid silver;
	background-color: White;
	/*padding:4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}

.dlMenu
{
	font-size: 115%;
/*	margin-left: 60px;
	margin-right: 60px; */
	text-align:justify;
}

.dlMenuBox
{
	background-color: #FFF;
	border: 2px solid;
	border-color: #9CF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 14px;
	margin: 5px;
}



.shoutout 
{
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 14px;
	margin: 5px;
	font-size: 150%;
}

.shoutout p 
{
    margin-bottom: 1em;
}

.shoutout .button 
{
    color: white;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    padding: 9px 14px;
    font-family: Tahoma, Arial, Verdana;
    font-weight: bold;

    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    

    background-color: #DA4F49;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #EE5F5B, #BD362F);
    border-left-color: #BD362F;
    border-right-color: #BD362F;
    border-top-color: #BD362F;
    border-bottom-color: #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.validation {
    color: red;
}

.churnReportResult {
    color: green;
}

.loading {
    position: absolute;
    text-align: center;
    left: 48%;
    top: 370px;
}

/* Loader */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #0082cb2e transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* End loading css */


.alert {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-info {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-info .alert-link {
    color: #fff;
}
.alert .alert-link {
    font-weight: 700;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-success {
    color: #fff;
    background-color: #3c763d;
    border-color: #4cae4c;
}

.mmsdelivery{
    display:none;
}
.mmsAllowed .mmsdelivery{
    display:table-row;
}