/**

 * Main layout for telenor.no

 */
@import "default.css";
@import "forms.css";
@import "header_footer.css";
@import "navigation.css";
@import "right_column.css";
@import "tables.css";
@import "typography.css";

/* Global rules */
.hidden { display: none; }

ul { margin-top: 0.4em; }
	
ul li {
	list-style: none;
    padding: 0 10px 0.4em 10px;
    background: url(../images/markers/list_marker.gif) 0 5px no-repeat;
	line-height: 1.2em;
}

ul.no_bullet li {background:none; padding-left:0}

#main_content>ul>li, #main_content>ol>li { 
	margin-left: 10px;
	padding-right: 140px;
}

ul.normal li {/*this should be in standard ul li but too much is based on that style, so it won't be changed now*/
	padding-right:10px;
}

ol {
	margin-left: 28px;
}

ol li {
    padding: 0 10px 0.4em 0;
	line-height: 1.2em;
}

.footnotes, p.footnotes { 
	margin: 0; 
	padding: 0 8px;
}

.footnotes li { list-style: none; }

#main_content .fourty_width_arrow li, #main_content .blocks li, #main_content .section li, #personalized_content li,
#product_highlight ul li {
	 padding-right: 0;
}

a.skiplink {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.linklist li {
    background: url(../images/navigation/list.gif) 0 3px no-repeat;
	padding-right: 0;
}

.downloadlist li {
    background: url(../images/markers/download_arrow.gif) 0 3px no-repeat;
	padding-right: 0;
}

.no_marker li, .inputs li {
    background: none;
}

.more li a, .more li a:link, .more li a:visited {
    display: inline;
    padding: 0;
    background: none;
}

.back a {
	padding: 0 0 5px 20px;
	background: url(../images/icons/back/gif/back_16x16.gif) left top no-repeat;
}

a.back_link {
	float: left;
	padding: 0 0 5px 20px;
	background: url(../images/icons/back/gif/back_16x16.gif) left top no-repeat;
}

a.print_link {
	float: right;
	padding: 0 0 5px 20px;
	background: url(../images/icons/printer.gif) left top no-repeat;
}

a.next_link {
	float: right;
	padding: 0 20px 5px 0;
	background: url(../images/icons/forward/gif/forward_16x16.gif) right top no-repeat;
}

#page p.more { margin: -0.8em 0 1em; }
#page .elegant p.more { margin: 0.5em 0; }

del { text-decoration: line-through; }
table del { display: block; }

abbr {
    border: none;
    border-bottom: 1px dotted #000;
    cursor: help;
}

h1 em, h2 em, h3 em, h4 em {
    text-decoration: underline;
    font-style: normal;
}

small { font-size: 0.86em; }

#main_content h4 {
	margin: 20px 0 0;
	padding: 0 8px;
}

h1 {
    line-height: 1.4;
    position: relative;
	background: #c8de28;
	padding-left: 8px;
	margin-bottom: 1px;
}

h1.spaced, #page #content h1.spaced {
	margin:0 0 20px 0}
	
h1.no_pic { margin-bottom: 1em; }

img.header {
	margin-bottom: 31px;
}

.solution_steps { background-color: #fff; }

#main_content .solution_steps h2 {
	background: #e7e7e7 url(../images/markers/header_number.gif) no-repeat;
	padding: 4px 8px;
}

.solution_steps h2:first-letter {
	padding-right: 10px;
}

.solution_steps p {
	padding-left: 25px;
	width: 570px;
}

.solution_steps img {
	padding-left: 25px;
}

/* Icons */
#page #content .elegant2 .mobile_icon {
	background-image: url(../images/icons/mobile/gif/mobile_16x16.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

#page #content .elegant2 .message_icon {

	background-image: url(../images/icons/mail/gif/mail_16x16.gif);

	background-position: 8px 6px;

	background-repeat: no-repeat;

	padding-left: 40px;

}

#page #content .elegant2 .telenor_message_icon {

	background-image: url(../images/icons/message_telenor/gif/message_telenor_16x16.gif);

	background-position: 8px 6px;

	background-repeat: no-repeat;

	padding-left: 40px;

}



ins {

    text-decoration: none;

    font-weight: bold;

    color: #057e21;

}



input { font-family: verdana, sans-serif; }

.strong { font-weight: bold; }

.strong strong { color: black; } /*to handle strong inside a strong paragraph*/

strong.amount, strong.warning { font-size: 1em; }

strong.amount { color: black; }

strong.warning { color: red; }

strong.available { color:#09f; }

object, embed { margin: 0 0 24px; }

th { vertical-align: top; }



#main_content .intro p {

	margin: 0 8px 20px;

	color: #000;

}



.image_container {

	float: left; 

	padding: 2px; 

	border: 1px solid #c3c3c3; 

}



.image_container p {

	width: 134px;

	font-size: 0.9em;

	color: black; 

	padding: 8px;

	margin: 0;

	padding-bottom: 7px;

	line-height: 1;

}



.space_left {

	float: left;

	margin: 4px 20px 20px 9px;

}



.right { float: right; }

.left { float: left; }

.image { margin: 0 0 12px; }

.image.left { margin: 0 8px 12px 8px; }

.image.right { margin: 0 8px 12px 8px; }

.image img { display: block; }

div.left { margin: 0 1em 0 0; }

div.right { margin: 0 0 0 1em; }



/* Wrappers */

html {

	height: 100%;

    margin-bottom: 1px;

}



body {

    line-height: 170%;

    background: #000 url(../images/body_background.png) repeat-x;

    text-align: center;

    position: relative;

    min-height: 100%;

}



body.subscription_guide {

	padding: 0 10px;

	background: none;

	text-align: left;

}



#page {

    float: none;

    margin: 0 auto 0;

    padding: 20px 0 50px;

    width: 990px;

    position: relative;

    text-align: left;

}



/* Content area */

#content {

    float: none;

    clear: both;

}



.mainpage #content { padding: 35px 0 0; }



.mainpage #content #main_content { 

	margin-right: 5px;

	padding-top: 5px;

	background: none;

}



.mainpage #personalized_content { margin-top: 5px; } 

.frontpage #bigwrapper { 
 margin: 0 auto;
 width: 989px;
}
.frontpage #leftcolumn { 
 margin: 0;
 padding: 0;
 width: 472px;
 float: left;
}
.frontpage #rightcolumn { 
 float: right;
 margin: 0;
 padding: 0;
 width: 472px;
 display: inline;
 position: relative;
}

.frontpage #content { margin-left: 1px; }



.frontpage #content #main_content {

	width: 989px;

	padding: 0;

	margin: 0;

}



.frontpage #personalized_content { width: 142px; }



.frontpage #login {

	top: 146px;

    right: 5px;

    height: 18px;

    position: absolute;

}



.frontpage #login p { 

	margin: 0;

    height: 18px;

}



.frontpage #login p a {

    color: #fff;

    font-size: 1.2em;

    background: #0bb2ea url(../images/navigation/login/login_bg.png) no-repeat right center;

	padding: 0 35px 2px 17px;

	white-space: nowrap;

}



.frontpage h1 {

	background: url(../images/boxes/white_482_top.png) no-repeat left top;

	margin-top: -5px;

	margin-bottom: 0;

	padding: 17px 12px 0;

	position: relative;

}



.frontpage h1 a, .frontpage h1 a:link, .frontpage h1 a:active, .frontpage h1 a:visited   {

	display: block;

	background: #c8de28 url(../images/navigation/arrow_on_green_10x18.gif) no-repeat 95px 8px;

	margin-top: -5px;

	padding: 0 8px;

	position: relative;

	color: #000;

}



.frontpage h2 a, .blocks h2 a {

	background: url(../images/navigation/arrow_on_gray_8x12.gif) no-repeat right 6px;

	padding-right: 18px; 

	width: auto;

}



.frontpage .wrapper {

    background-color: #e5e5e5;

	border-top: 1px solid #fff;

	margin: 0 12px;

}



.frontpage .wrapper .section {

	margin: 0 -1px 0 0;

	width: 217px;

	padding-top: 10px;

	display: inline;

	border-right: 1px solid #fff;

	background: none;

	min-height: 108px;

}



.frontpage .half_width .even {

	margin: 0 0 0 -1px;

	border-left: 1px solid #fff;

	border-right: none;

	width: 218px;

}



.frontpage .section .icon {

	margin: -20px 10px 0 160px;

	position: absolute;

	left: auto;

	top: auto;

	padding: 0;

}



.frontpage .section ul.linklist { margin-bottom: 0; }



.mainpage .wide_width .section .icon {

	margin: -35px 10px 0 120px;

	position: absolute;

	left: auto;

	top: auto;

	padding: 0;

}



.mainpage ul { margin-left: 0; }



.half_width {

	background: url(../images/boxes/white_482.png) no-repeat left bottom;

	float: left;

	margin-top: 5px;

	width: 492px;

	padding-bottom: 12px;

}

.frontpage .even {

	margin-left: 5px;

	float: right;

}



.half_width img.main_image {

	background: url(../images/boxes/white_482_top.png) no-repeat left top;

	margin-top: -5px;

	padding: 12px 12px 0 12px;

	position: relative;

}



.half_width h2 {

	line-height: 1;

	padding-bottom: 0;

	margin-bottom: 15px;

}

.newsletterform{ 
	text-align:left; 
	padding: 17px 0 20px 20px; 
	clear:left;
	width: 472px;
}

.inputtext{
	width: 350px;
} 

.wide_width {

	background: url(../images/boxes/white_760.png) no-repeat left bottom;

	margin: 0px -12px 5px;

	padding: 5px 12px 12px;

}



.wide_width_top {

	background: url(../images/boxes/white_760_top.png) no-repeat left top;

	margin: -10px -10px -4px;

	padding: 0;

	position: relative;

}



.wide_width .blocks .section {

    background: #fff url(../images/shadows/front_section_shadow.gif) repeat-x left top;

	margin: 0 1px 0 0;

	width: 169px;

	min-height: 155px;

	padding-top: 15px;

	float: left;

}



.wide_width .blocks .last {	

	margin: 0;

	width: 172px;

}



.wide_width .blocks .section h2 {

	padding-bottom: 22px;

}



.wide_width .focus { float: none; }



/* White box with about 40% (of page) width */

.fourty_width {

	background: url(../images/boxes/white_375.png) no-repeat left bottom;

	margin: 0px -12px 5px;

	padding: 5px 12px 12px;

	float: left;

}



.fourty_width_top {

	background: url(../images/boxes/white_375_top.png) no-repeat left top;

	margin: -10px -10px -4px;

	padding: 0;

	position: relative;

}



.fourty_width .focus {

	float: none;

}



.fourty_width .focus .section {

	border: none;

	min-height: 95px;

	height: 95px;

	width: 345px;

	padding-top: 6px;

}

	

/* White box with arrow towards right column */

.fourty_width_arrow {

	background: url(../images/boxes/white_375_arrow.png) no-repeat left top;

	margin: -5px -20px 5px;

	padding: 12px 20px 1px 12px;

	float: right;

}



.fourty_width_arrow .fourty_width_bottom {

	background: url(../images/boxes/white_375_bottom.png) no-repeat left bottom;

	margin: 0 -12px -9px;

	padding: 0;

	position: relative;

	bottom: 3px;

}



.fourty_width_arrow .login_info {

	width: 341px; 

	min-height: 317px;

	overflow: hidden;

	background: #e7e7e7; 

	padding: 10px;

}



.fourty_width_arrow div.splitter {

	width: 361px; 

	background: white; 

	height: 2px;

	overflow: hidden; 

	margin: 10px -10px;

}



.fourty_width_arrow .login_info h1 {

	margin: -10px -10px 10px -10px;

	padding-left: 10px;

}



/* Background for full width (campaign) pages */



.campaignpage #main_content {

	width: 966px;

	margin-right: 0;

}



.full_width {

	background: url(../images/boxes/white_980_line.png) repeat-y left top;

	margin: 0px -12px;

	padding: 5px 12px 12px;

}



.full_width_top {

	background: url(../images/boxes/white_980_top.png) no-repeat left top;

	margin: -10px -10px -4px;

	padding: 0;

	position: relative;

}



.campaignpage #main_content_footer {

	background-image: url(../images/boxes/980_bottom.png);

	margin-top: 0;

}



.campaign_info {font-weight:bold; margin-bottom:10px} /*Tagged for later use but not styled yet*/

.campaign_info strong {color:red}



/* Main content */

#main_content {

    position: relative;/*Fixes "hiding-bug" in IE*/

    float: left;

    padding: 7px 12px 12px;

    margin: 0 5px 0 0;

    width: 526px;

    background: url(../images/boxes/main_content_background.png) repeat-y left bottom;

    /*overflow: hidden; TODO: Might be a good idea, but need to fix global login page in that case*/

}



#main_content.repeat_bg {

    background: url(../images/boxes/white_540_line.png) repeat-y left top;

    padding-bottom: 7px;

}



#main_content_footer { 

	background: url(../images/boxes/540_bottom.png) no-repeat left bottom;

	margin: 7px -12px -12px;

	height: 5px;

	clear: both;

}



#main_content > p, #main_content > h2, #main_content > h3, #main_content > h5, #main_content > h6,

#main_content > .button, #main_content > p.more, #main_content > a,

.additional_info > p, .additional_info > h2,

#main_content > span > p, #main_content > span > h2, #main_content > span > h3, #main_content > span > h5,

#main_content > span > h6, #main_content > span > .button, #main_content > span > p.more, #main_content > span > a,

.additional_info > span > p, .additional_info > span > h2  {

	margin-left: 8px;

	margin-right: 8px;

	background-color: #fff;

}



/* Sections and boxes */

.section {

    padding: 0 8px;

    margin: 0 0 12px;

    background-color: #fff;

}



.section h2 a, .section h2 a:link, .section h2 a:visited{

    color: #000;

    text-decoration: none;

}



.section h3 a, .section h3 a:link, .section h3 a:visited {

    color: #000;

}



.wrapper .column_head {

	padding-top: 30px;

}



.wrapper .column_head h2 {

	float: left;

	width: 60%;

}



.wrapper .column_head .icon {

	top: auto;

	left: 105px;

	padding-top: 0;

	margin: -20px 20px 0 0;

	position: relative;

	display: inline;

}



.section h2 a:hover, .section h2 a:active, h3.square a:hover, h3.square a:active { text-decoration: underline; }

.section.highlight { background: #e7e7e7; }

.section.highlight .image { margin: -6px -12px; }

.section.highlight .left { margin-right: 12px; }

.section.highlight .right { margin-left: 12px; }

#page .section .more { margin-bottom: 0.5em; }



.section .icon {

	float: right;

	padding-top: 15px;

	padding-left: 10px;

}



#page .square .section, .subscription_guide .square .section, #page .square_icon .section {

	background: #fff url(../images/block_gradient.gif) repeat-x left 25px;

	margin-bottom: 13px;

}



.subscription_guide .square .section { width: 45%; }



#page .additional_info .square .section {

	background: none;

}



#page .square h3, #page .square h2, #page .square_icon h3,

.subscription_guide .square .section h2, .wrapper_head h3 {

	background-color: #e7e7e7;

	margin: 0 -8px 8px;

	padding: 4px 8px;

	position: relative;

}



.square_icon h3 a {

	display: block;

	margin-top: -10px;

	padding-top: 10px;

	position: relative;

}




.wrapper {

    padding: 0;

    clear: both;

}



.wrapper .section {

    float: left;

    margin: 0 8px 8px 0;

    width: 243px;

}



.wrapper .section.even {

    float: right;

    margin-right: 0;

}



.section_image { float: left; }



.wrapper .section ul { margin-left: 0; }

.padded { padding: 8px; }



.focus {

	background: #000;

	float: left;

}



.focus .section {

	border-right: 8px solid #fff;

	margin: 0;

    min-height: 217px;

    background: none;

}



.focus .section.even {

	border-right: none;

	border-left: 8px solid #fff;

	margin-left: -8px;

}



.focus .section .image {

	margin-left: -8px;

	margin-right: -8px;

}



#page .focus .section h2 { margin: 0; }

#page .focus .section h2 a { color: #c8de28; }

#page .focus .section p { color: #fff; }



/* Blue boxes */

#main_content .light_focus .section {

	background-color: #e4f5ff;

	margin: 8px 8px 21px 0;

	width: 243px;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: left;

}



#main_content .light_focus .even {

	margin-right: 0;

}



.support_block {

	background-color: #fff;

	padding: 4px 8px;

	margin-bottom: 16px;

}



.support_block h3, .support_block p {

	margin: 0;

}



/* 'Elegant' boxes */

.elegant .section {

    border: none;

    background: #fff;

}



#page .elegant .section p {

	margin-left: 0;

}



#page .elegant .section h2 a {

	color: #000;

	font-weight: normal;

}



#page .elegant .wrapper {

    margin: 0;

    padding: 8px 0 0 12px;

    border: 1px solid #e0e0e0;

    color: #666;

}



#page .elegant .wrapper .section {

    float: left;

    width: 145px;

    margin: 0 12px 0 0;

    padding: 0;

    display: inline;

}



#page .elegant .wrapper .wide { width: 210px; }



#page .elegant .wrapper h3 {

    margin: 0 0 0.3em;

    padding: 0;

    width: auto;

    background: none;

    color: #666;

}



}

.wrapper_col_2 .section {margin:0;padding:8px;width:45%; float:left;}



#page .elegant .info .section {

    width: 222px;

    margin: 0;

    padding: 0 12px 0 0;

}



#page .elegant .info dl { margin: 0 0 0.5em; }

#page .elegant .info .section dl { margin: 0 0 1.5em; }

#page .elegant .info p { margin: 0 0 1.5em; }



.elegant .section dt {

    float: left;

    clear: left;

    width: 170px;

    font-weight: normal;

}



.elegant .section .section dt { width: 90px; }

.elegant .section .section p { margin: 0 0 1em; }



.elegant .section dd {

    clear: right;

    color: #999;

}



/* Search box */

.search_box {

    background: #f4f4f4 url(../images/boxes/search_box_top.png) no-repeat top left;

    padding: 10px 0 0 13px;

    margin: 4px -2px 17px;

}



#page .search_box p.more {

	display: block;

    background: url(../images/boxes/search_box_bottom.png) no-repeat bottom left;

    margin-left: -13px;

    width: 517px;

    padding-left: 13px;

    padding-bottom: 10px;

	height: 1%;

}



.additional_info .search_box {

    background: url(../images/boxes/search_box_on_grey_top.png) no-repeat top left;

}



#page .additional_info .search_box p.more {

    background: url(../images/boxes/search_box_on_grey_bottom.png) no-repeat bottom left;

}



.search_box #searchLabel {

	margin: 0;

	padding: 0 0 0.3em;

}



/* Definition lists */

dt { font-weight: bold; }

.soft dt { font-weight: normal; }



.toggling dt a {

    display: block;

    padding: 2px 0 2px 14px;

    background: url(../images/icons/plus.gif) 0 4px no-repeat;

}



.toggling dt a:hover { background-image: url(../images/icons/plus_hover.gif); }

.toggling dt.open a { background-image: url(../images/icons/minus.gif); }

.toggling dt.open a:hover { background-image: url(../images/icons/minus_hover.gif); }

.toggling dd { margin: 0.5em 0 1em 2em; }

.wide dd { margin-left: 0; }



#related_info .toggling dd {

	clear: left;

	margin: 0 0 1em 14px;

	padding-top: 0.5em;

}



table .toggling dt a {

	padding: 0 0 0 14px;

	border: none;

	background: url(../images/icons/plus.gif) left center no-repeat;

	color: #0077ff;

	font-weight: normal;

}



table .toggling dt a:hover { background-image: url(../images/icons/plus_hover.gif); }

table .toggling dt.open a { background-image: url(../images/icons/minus.gif); }

table .toggling dt.open a:hover { background-image: url(../images/icons/minus_hover.gif); }

table .toggling dd.hidden, table .toggling dd.hidden .intro { display: block; }

table .toggling dd.hidden * { display: none; }

table .toggle dd { margin: 0 -184px 0 14px;  }

table .toggle p { margin: 0 0 1em; }



table .toggle .customer_info {

	float: left;

	padding-right: 20px;

}



#overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: url(../images/overlay.png) top left repeat;

}



.sheet h1, .sheet h2, .sheet h3, .sheet h4, .sheet p, .sheet dl,

#page .sheet .wrapper h2, .sheet ul {

    margin-left: 8px;

    margin-right: 8px;

}



.sheet * h1, .sheet * h2, .sheet * h3, .sheet * p,

.sheet * dl, #page .sheet .wrapper * h2, .sheet * ul {

    margin-left: 0;

    margin-right: 0;

}



.sheet .section h2 {

    margin: 0 0 0.5em;

}



.additional_info { 

	background: #f4f4f4 url(../images/shadows/additional_info.png) top left no-repeat;

	margin: 7px -7px -7px;

    padding: 20px 7px 7px;

    float: left;

    width: 526px;

	display: inline;

}



.additional_info .section, .additional_info table, .additional_info h2, .additional_info p { background: none; }



.wide_content .additional_info {

	background: #f4f4f4 url(../images/shadows/additional_info_wide.png) top left no-repeat;

    width: 746px;

}



.additional_info .focus .section {

	border-right: 8px solid #f4f4f4;

}



.additional_info .focus .section.even {

	border-right: none;

	border-left: 8px solid #f4f4f4;

}



.additional_info .elegant .section { background: none; }



.additional_info dl { border-bottom: 1px solid #bfbfbf; }

.additional_info dt { border-top: 1px solid #bfbfbf; }

.additional_info dt a:hover, .additional_info dt a:active { background-color: #eef8fe; }



ul.interactive {

	background-color: #fff;

	border-top: 1px solid #bfbfbf;

	margin-right: 8px;

}



ul.interactive li { 

	border-bottom: 1px solid #bfbfbf;

	list-style: none;

    background: none;

	padding: 0;

}



ul.interactive a:hover, ul.interactive a:active { background-color: #eef8fe; }



ul.interactive li a {

    background: url(../images/navigation/list.gif) 0 6px no-repeat;

	display: block;

	padding: 1px 0pt 4px 10px;

}



dl.details {

    float: right;

    width: 100px

}



.details dd { margin: 0 0 0.5em; }

.details dd .warning { font-size: 1em; }

.details li { list-style: none; }



.is_clickable { cursor: pointer; }



/* Section selector dashboard */

.section_selector .section {

	float: left;

	text-align: center;

	margin-bottom: 20px;

	width: 115px;

}



.wide_content .section_selector .section { width: 170px; }



.section_selector .button {

	background-image: url(../images/navigation/buttons/selector_left.png);

	height: 32px;

	margin: 5px 0 0;

}



.section_selector .button input, .section_selector .button a {

	background-image: url(../images/navigation/buttons/selector_right.png);

	height: 32px;

	line-height: 32px;

	text-align: left;

	padding-left: 10px;

}



.wide_content .four_items .section .button a { width: 153px; }



/* Mouseover for buttons */

.section_selector .focused_button { background-position: 0 -32px; }

.section_selector .focused_button a, .section_selector .focused_button input { background-position: 100% -32px; }



/* Active state for buttons */

 .section_selector .active_button { background-position: 0 -64px; }

.section_selector .active_button a, .section_selector .active_button input { background-position: 100% -64px; }



.centered_button {

	clear: both;

	margin: 0 30% 20px;

	padding: 10px;

	height: 1%;

}



.elegant-large .section {

    width: auto;

    background: #fff;

    margin: 0;

    padding: 10px;

}



.graph {

    position: relative; 

    width: 200px;

    border: 0px solid #eee;

    padding: 0px;

    margin: 1px;

    background: #e6e6e6;

}



.graph .bar {

    display: block;

    position: relative;

    background: blue;

    text-align: center;

    color: #333;

    height: 1em;

    line-height: 1em;

}



.graph .bar span {

    position: absolute;

    left: 1em;

}



.graph .bar_start { display: none; } /*when bar_start remains after using graph_3d*/



.graph_3d {

    position: relative; 

    width: auto;

    height: 11px;

    background: url(../images/charts/hbar/bar_bg.png) repeat-x top left;

}



.graph_3d .bar {

    display: block;

    position: relative;

	background: url(../images/charts/hbar/bar_color.png) repeat-x top left;

    text-align: center;

    color: #333;

    height: 9px;

    left: 1px;

    float: left;

    top: 1px;

}



.graph_3d .bar_start {

    overflow: hidden;

    width: 1px;

    position: absolute;

    top: 0;

    left: 0;

    float: left;

}



#adsl_sim {

	float: left;

	background: #f3f3f3 url(../images/shadows/section_shadow.png) repeat-x top left;

	margin: 10px -7px 0;

	padding: 10px 16px;

	width: 508px;

	display: inline;

}



#adsl_sim .section {

	margin: 10px 12px 0 0;

	padding: 0;

	width: 100px;

	background: none;

}



#adsl_sim .wide {

	width: 250px;

}



#adsl_sim li {

	height: 20px;

	list-style: none;

	padding: 0;

}



#adsl_sim .wide li {

	margin-top: 1px;

}



#adsl_sim .bar {

	left: 0;

	height: 11px;

}



.top_shadow {

	float: left;

	background: url(../images/shadows/shadow_white.png) no-repeat top left;

	margin: 0 -7px;

	padding: 16px 7px 7px;

	display: inline;

}



td.illustration { width: 200px; }



#login_form label, #login_form input {

    float: left;

    clear: both;

}



/* Special style for wide main_content */

.wide_content #main_content { 

	width: 746px;

	background: url(../images/boxes/white_760_line.png) repeat-y left bottom;

	margin: 0;

}



.wide_content #main_content.repeat_bg {

    background: url(../images/boxes/white_760_line.png) repeat-y left top;

    padding-bottom: 7px;

}



.wide_content #main_content_footer { 

	background: url(../images/boxes/760_bottom.png) no-repeat left bottom;

	margin: 7px -12px -12px;

	height: 5px;

	clear: both;

}



.wide_content #logged_in_status {

    top: 170px; 

    right: 0;

    position: absolute;

}



.wide_content .two_items .section { width: 353px; }



img.icon {

    display: block;

    float: left;

    margin-right: 10px;

}



.error {

	background: #f1ff76 url(../images/backgrounds/error_top.gif) repeat-x;

	padding: 8px;

}



.error .message {

	display: block;

	float: none;

	width: auto;

	padding: 0.2em 0 0 30px;

	min-height: 2em;

	font-weight: bold;

	text-align: left;

	border-bottom: 1px solid #fff;

}



ul.error {

	background: #f1ff76;

	padding: 10px 10px 10px 20px;

	border: 1px solid red;

}



ul.error li {

	color: red;

	font-weight: bold;

}



.elegant .unchangable p {

    padding-left: 5px; 

    margin-top: 2px;

}



.inline * {

    display: inline; 

    clear: none;

}



ul.in_text li { margin-left: 10px; }



/* Styles for contents of IFrame lightboxes */

body.in_iframe {

	background: #fff;

	text-align: left;

	margin: 0;

	min-height: 0;

	position: static;

}



.in_iframe .content {

	padding: 14px; /*remember negative margins if this is changed*/

	min-height: 100px;

}



.in_iframe .content .elegant { 

	width: auto; 

	margin: 0 /*-14px*/;

}



.in_iframe h1 {

	margin: 1px 0 0 0;

	padding-left: 14px;

}



.in_iframe .content p {

	padding: 0;

}



.in_iframe .buttons {

	background: #e7e7e7;

	padding: 14px;

	margin: 0 -28px;

	bottom: 0;

	position: absolute;

	width: 100%;

}



.in_iframe .buttons .left {

	margin-left: 28px;

}



.in_iframe .section {

	margin: 0;

}



.in_iframe .wrapper .section {

	width: 100px;

	background: none;

	margin-right: 20px;

}



.in_iframe label { padding-left: 0; }



.in_iframe .indent { 

	margin-left: 30px;

	clear: left;

}



.details_side {

	float: right;

	width: 300px;

	margin-right: 10px;

}



.details_side .help {

    background: url(../images/icons/q_ball.gif) no-repeat top left;

    padding-left: 20px;

}



/* Fallback for lightboxes */

#lightbox_fallback {

	padding: 12px;

	background-color: #f7f7f7;

}



#lightbox_fallback form .content {

	padding: 8px 8px 1px;

	margin: 0 0 8px;

	background: #fff;

}



#lightbox_fallback .elegant { width: auto; }



#related_info .section {

	background: none;

	padding: 0;

	line-height: normal;

}



.order .last {

	margin-bottom: 0;

}



.order .radio {

	clear: left;

}



.order ul li { 

	padding-top: 5px;

	padding-bottom: 5px;

	background-position: 0 center;

}



.order .spacingL {

	float: left;

	min-height: 250px;

	height: auto;

}



.order .spacingM {

	float: left;

	min-height: 150px;

	height: auto;

}



#page .order h4 {

	font-weight: bold;

	line-height: 1.2;

	margin: 0;

	padding: 0;

	background: none;

}



/*** Product pages ***/

#product_highlight {

	position: relative;

	height: 130px;

	padding: 34px 263px 0 8px;

	margin: 0 0 12px 0;

	color: #000;

	background: #e5f5ff;

}



#product_highlight img {

	position: absolute;

	right: 0;

	top: 0;

}



#product_highlight ul, .selling_points { 

	margin: 0 0 8px 0;

}



#product_highlight ul li, .selling_points li {

	position: relative;

	background: url(../images/markers/selling_point.gif) left top no-repeat;

	padding-left: 18px;

}



#product_highlight h2 {

	margin: 0;

	padding: 0 0 0 16px;

	font-size: 2.27em;

}



#product_highlight .button {

	margin: 10px 0 0 18px;

}



#product_highlight p, #product_highlight a {

	padding: 7px 0 0 17px;

}



#product_highlight .button a {

	padding: 0;

}



.product li p { margin-bottom: 0; }



/* Telenor magasinet */

#telenor_magasin {

	background: #dfdfdf url(../images/headers/telenormagasin_header.gif) no-repeat;

	float: left;

	padding-top: 41px;

}



#telenor_magasin .section {

	background: #fff url(../images/shadows/section_shadow.png) repeat-x;

	margin-right: 0;

	width: 247px;

	height: 111px;

	padding-top: 26px;

}



#telenor_magasin .fancy {

	background: #fff url(../images/backgrounds/telenormagasin_fancy_bg.gif) no-repeat right top;

}



#telenor_magasin img.left { margin-right: 10px; }



#telenor_magasin img.right { 

	margin-right: 5px;

	margin-left: 5px;

}



/* Subscription recommender (ADSL) */

#recommender {

	background-color: #e7e8e8;

	float: left;

	padding: 8px;

	width: 510px;

	margin: 0;

}



#page #recommender .section {

	float: left;

	margin: 0 12px 0 0;

	padding: 0;

	width: 154px;

}



#recommender input { 

	float: left; 

	clear: left; 

	margin-right: 10px;

	margin-bottom: 10px;

}



.keep_margin {

	margin-left: 8px;

	position: relative;

}



/* Definition list on subscription page */

#subscription_data dd { width: 480px; }



#page #subscription_data dd p {

	float: left;

	margin: 0 1em 0 0;

}



#subscription_data dd .button {

	position: relative;

	top: -3px;

}



.elegant2 .graph_container {

	background: #eee;

   	height: 22px;

   	width: 113px;

   	float: left;

   	margin-left: 0;

   	margin-top: -3px;

   	right: 0;

   	position: relative;

}



.elegant2 .graph_container .bar_start {

	position: relative;

	left: 0;

	display: none;

}



.elegant2 .graph_container .graph_3d {

 	top: 5px;

 	margin-left: 5px;

 	margin-right: 5px;

}



.elegant2 .graph_container .graph_3d .bar {

	top: 2px;

	left: 0;

}



.elegant2 .graph_label {

	float: left;

	margin-left: 10px;

}



.wide_content #page .three_items .section {

	width: 228px;

	margin: 0 7px 0 0;

	float: left;

	border: none;

}



.wide_content #page .three_items .last {

	width: 228px;

	margin: 0;

}



.wide_content .three_items { background-image: url(../images/backgrounds/three_col_wide_bg.gif); }

.wide_content .additional_info .three_items { background-image: url(../images/backgrounds/three_col_wide_add_bg.gif); }



.three_items {

	margin: 0;

	padding: 0;

	clear: both;

}



div.splitter {

	width: 746px;

	background: #e0e0e0;

	height: 1px;

	overflow: hidden;

	margin: 10px -10px;

}



#main_content .highlight { background-color: #e5f5ff; }



#main_content .highlight .section {

	background: none;

	width: auto;

}



#page .indent_section .section {

	width: auto;

}



.boxing .section {

	background: #e7e7e7;

	padding: 0;

	margin: 0 0 7px 0;

}



.boxing .section .sub {

	float: right;

	margin: 0;

	padding: 0;

}



.boxing .section .sub .text {

	background: #fff;

	width: 262px;

	height: 99px;

	margin: 1px;

	padding-top: 8px;

}



.boxing .section .teasertext {

	float: left;

	width: 250px;

}



.boxing .section h2 {

	padding: 10px 5px 5px 5px;

	margin-bottom: 0;

}



.boxing .section p {

	padding: 0 5px;

	width: 200px;

}



/*Layout intended only for developers. They use this marker to show when the application runs with mock data*/

#mock {

	position:absolute;

	top:0;

	left:0;

	border:2px solid green;

	height:60px; 

	width:400px; 

	background:red;

	color:yellow; 

	font-weight:bold;font-size:19px;

	padding-top:40px;

}

	

.in_iframe #mock {height:15px;width:400px; top:30px; font-size:10px; padding-top:0}	



a.not_ready {color:#aaa; } /*used to indicate that the link is not ready to follow. To separate errors from unfinished work*/



/*For outdated pages*/

#not_updated {

	background-color:#fbaaaa;

	font-size: 3em;

	left: 50px;

	opacity: 0.8;

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	padding: 60px;

	position: absolute;

	top: 15px;

	z-index: 100;

}



#subscription_guide {

	height: 320px;

	width: 100%;

}



/* Progress bar */

#progress_bar {

	float: left;

	width: 730px;

	height: 24px;

	clear: right;

	list-style-type: none;

	margin: 0;

	background: #ccc url(../images/steps/new.gif) repeat-x;

	color: #000;

}



#main_content #progress_bar {

	width: 100%;

	margin-top: 6px;

	margin-bottom: 10px;

}



#main_content #progress_bar li {

	margin-left: 0;

	padding-right: 13px;

}



#progress_bar li {

	float: left;

	padding: 0 13px 0 0;

	background: url(../images/steps/new_to_new.gif) right top no-repeat;

}



#progress_bar li div {

	padding: 5px 18px;

}



#progress_bar li.active_step { 

	background: url(../images/steps/active_to_new.gif) right top no-repeat;

}



#progress_bar li.active_step div { 

	font-weight: bold; 

	background: url(../images/steps/active.gif) repeat-x;

}



#progress_bar li.before_active { 

	background: url(../images/steps/done_to_active.gif) right top no-repeat;

}



#progress_bar li.before_active div {

	background: url(../images/steps/done.gif) repeat-x;

}



#progress_bar li.done { 

	background: url(../images/steps/done_to_done.gif) right top no-repeat;

}



#progress_bar li.done div {

	background: url(../images/steps/done.gif) repeat-x;

}



#page #progress_bar li.last {

	background: url(../images/steps/last.gif) right top no-repeat;

	padding: 0 2px 0 0;

}



#progress_bar #sub_progress {

	height: 24px;

	padding: 0;

	margin: -4px 0 -20px -18px;

	background: url(../images/steps/sub_progress.gif) right top no-repeat;

}



#progress_bar span { position: relative; }



#terms { 

	background: #fff url(../images/lightbox/left_nav.gif) repeat-y top left; 

	float: left;

	padding-top: 7px;

	width: 650px;

}



#terms .print_link { 

	padding: 0 20px 14px;

	margin-top: 3px;

}



#terms_menu {

	float: left;

	width: 186px;

	padding-left: 10px;

	padding-right: 5px;

}



#terms_menu p {

	padding-top: 3px;

}



#terms_menu ul { margin-bottom: 0; }



#terms_menu li {

	list-style: none;

	text-indent: -15px;

	padding: 0;

	margin: 0 0 0.4em 5px;

	background: none;

}



#terms_menu li a { padding-left: 10px; }

#terms_menu li a.submenu {

	background: url(../images/icons/plus.gif) no-repeat 0 4px;

	display: block;

	padding: 2px 0 2px 28px;

	margin-left: -18px;

}



#terms_menu li a.submenu:hover { background-image: url(../images/icons/plus_hover.gif); }

#terms_menu li a.open { background-image: url(../images/icons/minus.gif); }

#terms_menu li a.open:hover { background-image: url(../images/icons/minus_hover.gif); }



#terms_content {

	float: right;

	width: 315px;

}



.in_iframe #terms_content {

	height: 322px;

	overflow-x: auto;

	overflow-y: scroll;

	overflow: auto;

	width: 430px;

}



.in_iframe .long #terms_content {

	height: 437px;

}



#terms .buttons {

	float: right;

	width: 414px;

	margin: 7px 0 0;

	position: relative;

}



.search_navigation {

	background-color: #fff;

	text-align: center;

	padding-bottom: 17px;

}



.search_navigation span {

	padding: 0 3px;

}



#main_content .search_navigation span a {

	padding: 0 2px;

	margin: 0;

}



.search_navigation a.back_link {

	float: none;

	padding-right: 15px;

}



.search_navigation a.next_link {

	float: none;

	padding-left: 15px;

}



.search_results dd {

	padding-bottom: 10px;

}



.receipt {

	background: #e4f5ff; 

	padding: 10px 5px 5px 10px;

	margin-top: 10px;

}



.stars input { clear: left; }



.stars span {

	background: url(../images/markers/star.gif) left -1px;

	width: 17px;

	height: 16px;

	display: block;

	margin-left: 4px;

	overflow: hidden;

    line-height: 100em;

    float: left;

    clear: right;

}



.stars .star {	width: 17px; }

.stars .two_star { width: 34px; }

.stars .three_star { width: 51px; }

.stars .four_star { width: 68px; }

.stars .five_star { width: 85px; }



#main_content .padded { background-color: #fff; }

#main_content .additional_info .padded { background-color: #f4f4f4; }



.provider_list {

	height: 320px;

	width: 500px;

	overflow: scroll;

	overflow-x: hidden;

	overflow-y: scroll;

	position: relative;

	border-bottom: 1px #ccc solid;

	border-top: 1px #ccc solid;

	border-left: 1px #ccc solid;

}



.wide_content #page #content .provider_list table { width: 728px; }



#page .change_user .section {

	width: 240px;

	margin-right: 20px;

	background: url(../images/markers/arrow.gif) no-repeat right;

	clear: none;

}



#page .change_user .even { 

	background: none;

	margin-right: 0;

}



#page .change_user .section label {

	width: auto;

}



/*Deprecated: nofloatblock is only meant to fix problems in layout until main style can be corrected*/

#page #content #main_content .nofloatblock {float:none; display:block}



#data_collected {position:absolute;top:42px;right:15px;}

#data_collected span {font-weight:bold}



span.datestamp {margin-right:20px}

form#loginform input#email{
	width: 120px;
}

form#loginform input#pwd{
	width: 120px;
}

TD#login_submit{
	border: none;