body {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(/i/settings/body_bg.jpg);
	background-repeat: repeat-x;
}
iframe{
    overflow:hidden;
}
table  {
	empty-cells: show;
}

a {
	color: #F55724;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

strong {
	font-weight: bold;
	color: #F55724;
}

.basetable {
	width: 100%;
}
.basetable td {
	padding: 7px;
}

.maincontentinnerfull {
   background-color: #FFFFFF;
   background-image: url(/i/saunalahti/bg_main_content_full.gif);
   background-repeat: no-repeat;
}

.maincontentfp {
	background-color: #FFFFFF;
	background-image: url(/i/saunalahti/bg_content_fp.gif);
	background-repeat: no-repeat;
}

.maincontentdivider {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
}
.newscolumn {
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
}
.lcolumnfix {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.rcolumnfix {

	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.dividerfooter {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.rcolumninner {
	background-color: #FFFFFF;
	background-image: url(/i/saunalahti/bg_rightmargin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
.lcolumninner {
	background-color: #FFFFFF;
	background-image: url(/i/saunalahti/bg_leftmargin.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
	margin: 0px;
}
.maincontentinner {
	background-color: #FFFFFF;
	background-image: url(/i/saunalahti/bg_maincontent_nodiv.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}


.tdtilagreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00B034;
	text-align: center;
	border: 1px #FFFFFF solid;
	vertical-align: middle
}

.tdtilayellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFCC00;
	text-align: center;
	border: 1px #FFFFFF solid;
	vertical-align: middle
}

.tdtilared {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC3300;
	text-align: center;
	border: 1px #FFFFFF solid;
	vertical-align: middle
}

.bold { font-weight: bold; }

.error { color: #FF3333; }

.success { color: green; }

.mandatory { color: #FF3333; margin-left: 5px; }

.note { color: #F55724; margin-left: 5px; }

.navipath_current { font-weight: bold; color: #666666; } /* \,,/ */

.required { color: #F55724; }

.page_header {
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #F55724;
	margin-top: 15px;
	margin-bottom: 15px;
}

.bulletins_features_rightnavheader {
	font-family: Verdana, Arial;
	font-size: 16px;
	color: #F55724;
	margin-top: 15px;
	margin-bottom: 15px;
}


h1 {
	font-size: 18px;
	font-weight: bold;
	color: #F55724;
}

.buttonsnorm {
	font-weight: bold;
	height: 30px;
	background-color: #F55724;
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.buttonsnormDisabled {
	font-weight: bold;
	height: 30px;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.button {
	height: 30px;
	background-color: #F55724;
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.textfieldnorm {
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	font-weight: normal;
	/*color: #F55724;*/
	color: black;
	border: #e3e3e3 1px solid;
	padding: 1px;
	margin: 1px;
}

.textfielddark {
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	font-weight: normal;
	/*color: #F55724;*/
	color: black;
	border: #a3a3a3 1px solid;
	padding: 1px;
	margin: 1px;
}

.dropdownnorm {
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	color: #F55724;
	background-color: #FFFFFF;
		border: #000000 1px solid;
}

.footerbar {
	background-color: #F55724;
}

.naviheader {
	font-weight: bold;
	color: #000;
}

.navisection {
	background-color: transparent;
	padding: 10px 0px 5px 15px;
	margin-right: 10px;
	line-height: 18px;
}

.naviheader_selected {
	font-weight: bold;
	text-decoration: underline;
}

.navisection_selected {
	background-color: transparent;
	padding: 10px 0px 5px 15px;
	margin-right: 10px;
	line-height: 18px;
}

.navihr {
	position: relative;
	left: -10px;
	width: 140px;
	color: Gainsboro;
}

.naviadd {
	margin-left: 10px;
}

.bulletin {
	margin-bottom: 5px;
	padding: 2px;
}

.bulletin_selected {
	background-color: #ffede7;
	color: #000000;
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #F55724;
}

.bulletin_selected a {
	color: #000000;
}

.bulletin_subject {
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #F55724;
}

.bulletin_date {
	font-weight: bold;
	color: #666666;
}

.balance_info {
	padding: 5px 5px;
	background-color: #FFB;
	border-bottom: solid 1px #DDD;
}

.balance {
	margin: 5px 0px;
	border: solid 1px #DDD;
	background-color: #F9F9F9;
	border-radius: 3px;
}

.balance p {
	padding: 5px 20px 2px 20px;
}

.balance p span.msisdn {
	font-weight: bold;
	font-size: 14px;
}

.balance p span.productName {
	font-weight: normal;
}

.balance div.cycles {
	padding: 2px 20px 5px 10px;
}

.balance div.cycles .cycle {
	margin: 0px 5px;
	padding: 2px 5px;
	border: solid 2px #DDD;
	border-radius: 5px;
	display: inline-block;
	color: #F55724;
	border-color: #F55724;
	font-weight: bold;
	cursor: pointer;
}
.balance div.cycles .cycle.selected {
	border-color: #666666;
	color: #666666;
	cursor: default;
}

table.categories tr .name {
	color: #F55724;
	width: 416px;
	padding-left: 20px;
	cursor: pointer;
}

table.categories tr.error .name {
	color: #1A1A1A;
	cursor: default;
}

table.categories tr .class {
	color: #F55724;
	width: 396px;
	cursor: pointer;
	padding-left: 40px;
}

table.categories tr.no-events .class {
	color: #1A1A1A;
	cursor: default;
}

table.categories tr .event {
	width: 180px;
	padding-left: 56px;
}

.balance table {
	border-collapse: collapse;
}

table.categories th {
	text-align: left;
}

table.categories tr .number {
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

table.categories tr .quantity {
	width: 100px;
	text-align: right;
}

table.categories tr .amount {
	width: 100px;
	text-align: right;
	padding-right: 15px;
}

table.categories tr.hidden {
	display: none;
}

table.categories tr.total th {
	font-size: 14px;
	padding: 5px;
	background-color: #ECECEC;
}

table.categories tr.total th.total {
	padding-left: 20px;
}

.balance div.paketit {
	margin-bottom: 20px;
}

.balance table.paketit {
	width: 100%;
}

.balance tr.paketit th {
	font-size: 14px;
	padding: 5px;
}

.balance tr.paketit th.paketit {
	padding-top: 15px;
	padding-left: 20px;
}

.balance tr.paketit td {
	padding: 5px;
	vertical-align: bottom;
}

.balance tr.paketit td.paketit {
	padding-left: 20px;
	padding-bottom: 15px;
	width: 33%;
}

.balance tr.event:nth-child(odd) {
	background-color: #DDD;
}

.remaining {
	font-weight:bold;
}

.tdcontent1 {
	background-color: #EEEEEE;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
table.contractGroup {
	background-color: transparent;
}
table.contractGroup td.tdcontent1 {
	border: none;
}
/*
.tdcontent1 {
	background-color: #EEEEEE;
	padding: 7px; margin: 1px;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;

}
*/
div.tdcontent1, p.tdcontent1{	border: 1px solid #e3e3e3; padding:7px;}

.tdcontent2 {
	border: none;
	background-color: transparent;
}

.tdtitle {
	font-weight: bold;
	background-color: #EEEEEE;
	border-bottom: 1px solid #e3e3e3;
}

.main_info {
	border: 1px solid #E3E3E3;
	background-color: #EEE;
	padding: 7px;
}

/*
.tdtitle {
	font-weight: bold;
	background:url("/i/saunalahti/signup/images/new/h3_title_bg.gif") repeat-x scroll left top #d1d0d1;
	height:21px;
	margin:0;
}
*/
.success_message {
	border: solid #e3e3e3 1px;
	background-color: #CCFFCC;
	font-weight: bold;
	padding: 5px;
}

.error_message {
	border: solid #e3e3e3 1px;
	background-color: #FFCCCC;
	font-weight: bold;
	padding: 5px;
}

img.contractlink {
	border: none;
	padding-bottom: 3px;
}

.submenu{
	display: block;
	padding: 10px 0px 5px 15px;
}

.hide{
	display: none;
}

.show{
	display: block;
}

.comment {
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid #e3e3e3;
	color: white;
	background-color: #f55724;
}

.own_comment {
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid #e3e3e3;
	background-color: #FFF;
}

.new_comment {
	font-weight: bold;
	background-color: #CFC;
	margin-bottom: 5px;
	border: 1px solid #AAA;
}
div.tickettitle {
	padding: 5px;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color:white;
	overflow:hidden;
}

/* CustomerContact styles for FAQ functionality */
.faqQuestion { font-size: 14px; }
ul.faqAnswers {
	padding-left: 20px;
	list-style-image: url('saunalahti_nuoli_9x9.gif');
}
li.faqAnswers {
	padding-bottom: 8px;
}

.contextLinks{float:right; width:140px;}

a.toggleTicket{ display:block; clear:both; float:right; color:#000; margin-bottom:5px; padding-right: 15px; background:url(open_block.gif) no-repeat 100% 60% ;}
a.toggleTicket.open{ display:block; clear:both; float:right; color:#000; background:url(close_block.gif) no-repeat 95% 60% ;}

.header_table{
	cursor:pointer;
	float:left;
	font-size: 12px;
	color:#000;
}
div.ticket form{display:inline;}
div.ticket {
	background-color: #F4F4F4;
	border: 1px solid #e3e3e3;
	border-width:4px 4px 2px;
	margin-bottom: 3px;
	position: relative;
	width:500px;
}

div.ticketcontainer {
	padding: 5px;
	background:#F4F4F4;
	clear:both;
}

span.statuslabel {
	padding-top: 4px;
	margin: 3px 3px 0;
	width: 90px; /*68px;*/
	height: 20px;
	text-align: center;
	clear:both;
	display:block;
	font-size:12px;
	color:#000;
	font-weight:normal;
	float:right;
}
span.answered {
	/*border: 1px solid gray;*/
	background-color: transparent;
	background-image: url(/i/saunalahti/answered.gif);
   background-repeat: no-repeat;
}
span.processing {
	background-color: transparent;
	background-image: url(/i/saunalahti/processing.gif);
   background-repeat: no-repeat;
}
span.pending {
	background-color: transparent;
	background-image: url(/i/saunalahti/processing.gif);
	background-repeat: no-repeat;
}

.neutral_note{
	border: solid gray 1px;
	background-color: white;
	font-weight: bold;
	padding: 5px;
}

#tabnav
	{
		height: 20px;
		margin: 0px 0px 5px 0px;
		padding-left: 10px;
		background: url(/i/saunalahti/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0;
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}

#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}

.ticket_id{
	margin-bottom: 3px;
}

table.new_msg{
	border: 1px solid #e3e3e3;
	border-bottom: 0px;
}

.msg_content{
	padding-left: 0px;
}


.hilight {  font-family: Tahoma, Arial; font-size: 11px; font-weight: normal; color: #FF2222}

.hilight_img {  background-color: #EFFAFF; border: 1px solid #0070d0}

.callListSeparated{width:409px;}
.callListSeparated .arrowCol{width:7px;}
.callListSeparated .title{width:306px; color:#F55724; cursor:pointer;}
.callListSeparated.single .title{width:306px; color:black; cursor: default;}
.callListSeparated .price{width:50px;}

/*new styles*/

body {
background-color:#FFFFFF;
color:#1A1A1A;
font-family:Arial,Helvetica,sans-serif;
font-size:80%;
font-weight:normal;
line-height:16px;
margin:0;
padding:0;
}
html, body {
height:100%;
}

#header {
height: 144px;
}
#header_content {
position:relative;
margin:0 auto;
width:960px;
}
#header_banner{height:100px;width:729px;background:url("/i/settings/header_img_right.png") no-repeat scroll right top transparent;float:left;margin-left:20px;margin-top:13px;}
#left_part{background:url("/i/settings/header_img_left.png") no-repeat scroll left top transparent;height:100px;margin-right:243px;}
#back-to-oma-elisa {
    background:url("/i/settings/back_to_oma_elisa_arrow.png") no-repeat left center;
    position: absolute;
    top: 15px;
    left: 20px;
    padding-left: 25px;
}
#back-to-oma-elisa a {
    font-family: Arial;
    font-size: 15px;
    color: white;
}

#content_top{height:18px;width:729px;background:url("/i/settings/content_top_img_right.png") no-repeat scroll right top transparent;}
#content_top_left_part{background:url("/i/settings/content_top_img_left.png") no-repeat scroll left top transparent;height:18px;margin-right:243px;}

#content_bottom{width:729px;background:url("/i/settings/content_bottom_img_right.png") no-repeat scroll right top transparent;}
#content_bottom_left_part{background:url("/i/settings/content_bottom_img_left.png") no-repeat scroll left top transparent;margin-right:5px; height:533px;}

#header_links{float:left;margin-left:91px;}
#logo {
float:left;
margin:3px 0 0;
padding:0;
width:207px;
}
#logo h1 {
text-indent:-9999px;
}
h1 {
color:#F55724;
font-size:130%;
font-weight:bold;
}
#logo h1 a {
background:url("/i/settings/logo-elisa-saunalahti.png") no-repeat scroll left center transparent;
background-position:3px top;
background-repeat:no-repeat;
display:block;
height:60px;
width:120px;
margin-left:42px;
position:absolute;
top:85px;
z-index: 15;
}

a:visited {
color:#EB5505;
}

a {
color:#EB5505;
outline:medium none;
text-decoration:none;
}
#maincontent {
margin:0 auto;
width:960px;
position:relative;
clear:both;
}
#buy_menu {
position:absolute;
top:3px;
right:3px;
display:table-cell;
font-size:11px;
}
#buy_menu b{
color:#EB5505;
}
#buy_menu a{
color:black;
}
#buy_menu ul {
float:left;
margin:0;
padding:0;
}

ul {
margin:0;
padding:0;
}
#buy_menu ul li {
float:left;
list-style-type:none;
margin-left:8px;
}

li {
list-style-type:none;
margin:0;
padding:0;
}

#div_billingoptionscontent ul li {
list-style-type:disc;
}

#div_billingoptionscontent ul {
margin-left:15px;
}

div#wrapper {
margin:10px 0 0 10px;
padding: 4px 0px 28px;
text-align:left;
background:url("/i/saunalahti/oma_sl_new_contentBg.png") repeat-x scroll left top transparent;
float:left;
width:729px;
position:absolute;
top:0;
left:218px;
z-index:0;
}
#mainmenu{width: 207px;float:left;padding:5px;margin-top:10px;z-index:11; position:absolute; left:0; top:0;}
#opening_menu{margin-top: 5px;}
#opening_menu .opening_menu_content{ display:none; position:absolute; top:-1px; left:207px;z-index:16; width:215px;}

#opening_menu .opening_menu_content .top{background:url("/i/saunalahti/oma_sl_new_menu_top.png") no-repeat scroll left top transparent; height:7px;}
#opening_menu .opening_menu_content .center{background:url("/i/saunalahti/oma_sl_new_menu_center.png") repeat-y scroll left top transparent;}
#opening_menu .opening_menu_content .bottom{background:url("/i/saunalahti/oma_sl_new_menu_bottom.png") no-repeat scroll left top transparent; height:7px;}
#opening_menu .opening_menu_content.active{display:block;}
#opening_menu li{ position:relative;}
#opening_menu li a.opening_menu_header{background:url("/i/saunalahti/oma_sl_new_btn_big.png") repeat-x scroll left top transparent;display:block;height:61px; width: 207px; color:#000;font-size:15px;font-weight:bold; cursor:pointer;}
#opening_menu li a.opening_menu_header span{width: 207px;padding:14px; display:block;min-height: 100%;}
#opening_menu li .opening_menu_content a{display:block;padding:4px 14px 5px 14px;}
#opening_menu li .opening_menu_content a:hover{text-decoration: underline;}
#opening_menu li a.opening_menu_header:hover{background:url("/i/saunalahti/oma_sl_new_btn_big_hover.png") repeat-x scroll left top transparent;display:block;height:61px; width: 207px; color:#000;font-size:15px;font-weight:bold; text-decoration:none;}
#opening_menu li a.opening_menu_header.active{background:url("/i/saunalahti/oma_sl_new_btn_big_active.png") repeat-x scroll left top transparent;display:block;height:61px; width: 207px; color:white;font-size:15px;font-weight:bold;}
#opening_menu li a.active{background-color:white; text-decoration:none;}

#opening_menu li.show_menu div.opening_menu_content{display:block; position:relative; top: 0; left: 0;}
#opening_menu li.show_menu { background: #eaeaea;}
#opening_menu li.show_menu a.opening_menu_header, #opening_menu li.show_menu a.opening_menu_header span{ background: transparent; height: auto;}
#opening_menu li.show_menu a.opening_menu_header span{ padding:14px 14px 0 14px ;}
#opening_menu li.show_menu .opening_menu_content .top{background:transparent; height:7px;}
#opening_menu li.show_menu .opening_menu_content .center{background:transparent;}
#opening_menu li.show_menu .opening_menu_content .bottom{background:transparent; height:7px;}

#page_title {
background:url("/i/saunalahti/oma_sl_new_arrow_right.gif") no-repeat scroll left center transparent;
font-size:22px;
height:31px;
margin:0 0 14px 0;
padding:24px 0 7px 25px;
}
#intra_user{ position:absolute; top:31px; right:0px;}
#logout{ position:absolute; top:76px; right:5px; width:108px; text-align:right;}
#logout a, #logout a:hover, #logout a:visited, #logout a:active{ color:#000; text-decoration:none;}
#logout img{padding-right: 5px;border:medium none;}
#bulletin_strip{ height:861px;line-height:15px;overflow:auto;width:224px;float:right;}
#bulletin_item{ float:left; width:429px;}
.maxwide{width:100%;}
a.static_btn{background:url("/i/saunalahti/oma_sl_new_btn.png") no-repeat scroll left top transparent; height:45px; display:block;font-size:15px;color:#000000; font-weight:bold; cursor:pointer;}
a.static_btn:hover{background:url("/i/saunalahti/oma_sl_new_btn_hover.png") no-repeat scroll left top transparent; height:45px; display:block;font-size:15px;color:#000000; font-weight:bold; text-decoration:none;}
a.static_btn.first{background:url("/i/saunalahti/oma_sl_new_btn_etusivu.png") no-repeat scroll left top transparent; margin-bottom:5px;}
a.static_btn.first:hover{background:url("/i/saunalahti/oma_sl_new_btn_etusivu_hover.png") no-repeat scroll left top transparent; margin-bottom:5px; text-decoration:none;}
a.static_btn.first span{padding-left:63px; display:block;}
a.static_btn span{padding:14px 14px 0px 14px; display:block;}
.campaign{ width: 220px; float:right; padding:0 0 0 14px;}
.campaign img{ padding-bottom:5px;}
#wrapper h4 { margin:0px;}
.main_icon{ float:left; width:80px;; text-align:center;height:129px;padding:10px;}

#linkbox{width:260px;float:right;color:#EB5505;font-size:13px;line-height:30px;margin-top:-36px;margin-left:20px;}
#linkbox a{font-size:13px;line-height:30px;}
#campaign_block img{display:block;margin:0 auto;}


/* Follow deliveries*/
h2.delivery_process_head{font-size:15px; text-transform:uppercase; margin-top:40px; margin-bottom:20px; border-bottom: 1px solid black; padding-bottom:10px;}

.delivery_process {margin:0; padding:0; font-size:12px; }
.delivery_process dt {margin:0 0 5px; padding:0; overflow:hidden; zoom:1;  }
.delivery_process .group_header {margin-bottom:10px;  text-transform:uppercase; color:#F55724; font-weight:bold; }
.tracked_product{float:left; }
.tracked_product strong{ color: #1A1A1A;}
.tracked_order_number{float:right; font-weight:normal;  text-transform:capitalize; color:#000;}

.delivery_info {margin:0 0 25px 0; padding:22px 45px; background:#eee;}
.delivery_info div{padding:12px 20px; text-align:center; font-size:13px;}
.delivery_info div.notify{padding-left:40px; background:#fff url(/i/settings/tilaustenhallinta/notify.png) no-repeat 20px  15px; border:1px solid #d5d5d5; text-align:left; }
.delivery_info div.resellerInfo { padding-left:40px; color: #888; background:#fff; border:1px solid #d5d5d5; text-align: left; }

.delivery_progress{background:#fff; margin:0; padding:0; zoom:1; }
.delivery_progress ul{overflow:hidden; zoom:1; clear:both;}
.delivery_progress li{display:block; zoom:1; border:none; color:#b4b4b5; float:left; vertical-align:middle;  height:34px; padding-bottom:12px;}

.col_5.delivery_progress li, .col_5 .delivery_progress  .active.first , .col_5 .delivery_progress  .canceled.first{width:133px;}

.col_4.delivery_progress li, .col_4 .delivery_progress li.active.first, .col_3 .delivery_progress li.canceled.first{width:163px;}


.col_3.delivery_progress li, .col_3 .delivery_progress li.active.first, .col_3 .delivery_progress li.canceled.first{width:221px;}
.col_3.delivery_progress .active, .col_3 .delivery_progress .canceled{width:207px;}
.col_3.delivery_progress li.active_notify.first{width:221px;}
.col_3.delivery_progress li.active_notify{width:207px;}

.col_2.delivery_progress li, .col_2 .delivery_progress li.active.first, , .col_2 .delivery_progress li.canceled.first{width:331px;}

.col_1.delivery_progress li{width:665px;}



.col_1_old li{float:left; width:529px;  background:url(/i/settings/tilaustenhallinta/default.png) repeat-x;}
.col_1_old li.active{float:right; width:auto; }
.col_1_old .delivery_progress li span{display:block; border-top:1px solid #ebeced; border-bottom:1px solid #dbdddd;}
.col_1_old .delivery_progress li.active span{ padding: 0 5px 0 0; width:117px; float:right; border-left:none;}
.col_1_old li.waiting{float:none; width:auto; }

/*
 .old_orders .tdcontent1{border:1px solid #e3e3e3; border-width:0 0 1px 1px;}
 .old_orders .tdtitle{background:#d2d4d5 url(/i/settings/tilaustenhallinta/default.png) repeat-x;}
 */

.old_orders .tdtilayellow, .delivery_progress li.waiting span.tdtilayellow { border-top:1px solid #ffee5d; border-bottom:1px solid #ffd633;  background:#ffcc00 url(/i/settings/tilaustenhallinta/yellow.png) repeat-x;  text-shadow: none;  color:#000;}
.old_orders .tdtilagreen, .delivery_progress li.active span.tdtilagreen {background:#119501 url(/i/settings/tilaustenhallinta/current.png) repeat-x;}


.delivery_progress li span{font-size:12px; font-weight:bold; border-top:1px solid #ebeced; border-bottom:1px solid #dbdddd;  padding:0 5px; display:block;  position:relative; zoom:1;
text-align:center; text-shadow: 0 1px 1px #C8C9CA;   background:url(/i/settings/tilaustenhallinta/default.png) repeat-x; }

.delivery_progress .active, .delivery_progress .done{border-bottom:2px solid #42a612;}
.delivery_progress .canceled_yellow{border-bottom:2px solid #ffd633;}
.delivery_progress .canceled, .delivery_progress .active_notify{border-bottom:2px solid #d33535;}

.delivery_progress span.arrow{width:15px; padding:0;  background:url(/i/settings/tilaustenhallinta/default_arrow.png) no-repeat top left !Important; z-index:100; display:inline !Important; position:absolute; height:34px; border:none !Important; top:0; right:-13px;}

.delivery_progress li.active  span{border-top:1px solid #94c851; border-bottom:1px solid #3fa933; padding:0 5px 0 0; background:url(/i/settings/tilaustenhallinta/current.png) repeat-x;
 text-shadow: 0 1px 1px #2b730b;  color:white;}
.delivery_progress li.active  span a {color:white; text-decoration:underline;  text-shadow: 0 1px 1px #2b730b;}

.delivery_progress li.active_notify  span{border-top:1px solid #ff3333; border-bottom:1px solid #d33535; padding:0 5px 0 0; background:url(/i/settings/tilaustenhallinta/canceled.png) repeat-x;
 text-shadow: 0 1px 1px #2b730b;  color:white;}
.delivery_progress li.active_notify{background:url(/i/settings/tilaustenhallinta/canceled_arrow.png) no-repeat; padding-left:13px;}
.delivery_progress li.active_notify.first{background-image:none; padding-left:0;}
.delivery_progress li.active_notify span.arrow{width:13px; padding:0; background-image:url(/i/settings/tilaustenhallinta/canceled_right_arrow.png)  !Important;  }

.delivery_progress li.waiting span a {color:#000; text-shadow:none; text-decoration:underline; }
.delivery_progress li.active{background:url(/i/settings/tilaustenhallinta/current_arrow.png) no-repeat; padding-left:13px;}
.delivery_progress li.active.first{background-image:none; padding-left:0;}
.delivery_progress li.active span.arrow{width:13px; padding:0; background-image:url(/i/settings/tilaustenhallinta/current_right_arrow.png)  !Important;  }

.delivery_progress li.done span{ color:#000; text-transform:none; text-shadow:none;}

.delivery_progress li.canceled  span{ border-top:1px solid #ff3333; border-bottom:1px solid #d33535; padding:0 5px 0 0; background:url(/i/settings/tilaustenhallinta/canceled.png) repeat-x;
 text-shadow: 0 1px 1px #2b730b;  color:white;}
.delivery_progress li.canceled{background:url(/i/settings/tilaustenhallinta/canceled_arrow.png) no-repeat; padding-left:13px;}
.delivery_progress li.canceled.first{background-image:none; padding-left:0;}
.delivery_progress li.canceled span.arrow{width:13px; padding:0; background-image:url(/i/settings/tilaustenhallinta/canceled_right_arrow.png)  !Important;  }

.delivery_progress li.canceled_yellow  span{ border-top:1px solid #ffee5d; border-bottom:1px solid #ffd633; padding:0 5px 0 0; background:url(/i/settings/tilaustenhallinta/yellow.png) repeat-x;
 text-shadow: 0 1px 1px #2b730b;  color:white;}
.delivery_progress li.canceled_yellow{background:url(/i/settings/tilaustenhallinta/yellow_arrow.png) no-repeat; padding-left:13px;}
.delivery_progress li.canceled_yellow.first{background-image:none; padding-left:0;}
.delivery_progress li.canceled_yellow span.arrow{width:13px; padding:0; background-image:url(/i/settings/tilaustenhallinta/canceled_right_arrow.png)  !Important;  }

.old_order_table{width:100%;}
.old_order_table th, .old_order_table td{padding:7px;}
.old_order_table th{background:#d2d4d5 url(/i/settings/tilaustenhallinta/default.png) repeat-x;}
.old_order_table td{border:1px solid #e3e3e3; border-width:0 0 1px 1px; 	background-color: #EEEEEE;}
.old_order_table .tdtilagreen{color:#fff; border:none; font-weight:bold; font-size:12px; background:#119501 url(/i/settings/tilaustenhallinta/current.png) repeat-x;}
.old_order_table .tdtilayellow{  border:none; font-weight:bold; font-size:12px; border-top:1px solid #ffee5d; border-bottom:1px solid #ffd633;  background:#ffcc00 url(/i/settings/tilaustenhallinta/yellow.png) repeat-x;  text-shadow: none;  color:#000;}

td.orderstatus span.active{background:url(/i/settings/tilaustenhallinta/current.png) repeat-x; text-shadow: 0 1px 1px #2b730b; color:white;}
td.orderstatus span.active_notify{background:url(/i/settings/tilaustenhallinta/canceled.png) repeat-x; text-shadow: 0 1px 1px #2b730b; color:white;}
td.orderstatus span.canceled_yellow{background:url(/i/settings/tilaustenhallinta/yellow.png) repeat-x; text-shadow: 0 1px 1px #2b730b; color:white;}

#summary .tdtitle{background: transparent url('/i/settings/summary_bg.png') top left;}
#summary .tdcontent1{background: transparent url('/i/settings/summary_bg.png') bottom left; height:290px;}
#summary #summary_content{position:relative; height: 278px;}
#summary h4{color:#727272;position:absolute;width:140px;text-align:center;}
#summary h3{margin:0;position:absolute;width:150px;text-align:left;}
#summary h1{margin:0;font-size:25px;position:absolute;width:120px;text-align:center;}
#summary td {vertical-align:top;}

#summary #calls{top:10px; left:10px;}
#summary #smss{top:100px; left:10px;}
#summary #timeframe{top:188px; left:10px;}

#summary #past{top:230px; left:10px;width: 89px;text-align:center;}
#summary #present{top:230px; left:410px; width:100px;}
#summary #present span{font-size:13px; font-weight:normal;}

#summary #elisaSauna1Amt{top:60px; left:-4px;}
#summary #others1Amt{top:60px; left:382px;color:#727272;}
#summary #combined1Amt{top:60px; left:535px;color:black;}
#summary #elisaSauna2Amt{top:152px; left:-4px;}
#summary #others2Amt{top:152px; left:382px;color:#727272;}
#summary #combined2Amt{top:152px; left:535px;color:black;}

#summary #elisaSauna1{top:40px; left:-4px;}
#summary #others1{top:40px; left:382px;}
#summary #combined1{top:40px; left:526px;}
#summary #elisaSauna2{top:132px; left:-4px;}
#summary #others2{top:132px; left:382px;}
#summary #combined2{top:132px; left:526px;}

#summary #blockCalls{background-color: #F55724;position:absolute;height:11px; width:20px; top:62px; left:130px;}
#summary #blockSmss{background-color: #F55724;position:absolute;height:11px; width:20px; top:154px; left:131px;}

#summary #slider{width:269px;position:absolute;top:229px;left:118px;}
#summary .ui-slider-horizontal .ui-slider-handle {margin-left: -6px;top: -4px;}
#summary .ui-slider-horizontal {height: 23px;}
#summary .ui-slider .ui-slider-handle {cursor:pointer;}

.header_row{font-size:12px;font-weight:bold; padding: 5px 0 5px 5px}
.header_row2 {font-size:13px;background-color:#EEEEEE;padding: 5px 0 5px 5px;border-top:solid 1px grey;}
.submit_row{text-align: right;padding: 2px 5px 2px 0;}
/* Wicket components */

.feedbackPanelERROR { color: red }
.feedbackPanelINFO { color: green }
.feedbackPanelWARNING { color: blue }

div.reseller_shop_select_header {
	background-color: #F55724; color: #fff; height: 30px; margin: 5px 0 5px 0; padding: 10px 0 0 10px; font-weight: bolder;
}

div.reseller_shop_select {
	margin: 10px 0 10px 0;
}

div.reseller_shop_select_controls {
	float: right;
	position: relative;
}

.calllist_progressbar {
	border: 2px solid #BEBEBE;
	width: 168px;
	height: 8px;
	margin-top: 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	background-color: #ECECEC;
}

.calllist_progressbar_indicator {
	border: 1px solid #26AE00;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	background-image: linear-gradient(center bottom, #26AE00 0%, #88DF00 100%);
	background-image: -moz-linear-gradient(center bottom, #26AE00 0%, #88DF00 100%);
	background-image: -webkit-linear-gradient(center bottom, #26AE00 0%, #88DF00 100%);
	background-image: -o-linear-gradient(center bottom, #26AE00 0%, #88DF00 100%);
	background-image: -ms-linear-gradient(center bottom, #26AE00 0%, #88DF00 100%);
	background-color: #88DF00;
	position: relative;
	top: -2px;
	left: -1px;
	height: 10px;
	width: 0%;
}
.disablable:disabled {
	background-color: #CCCCCC;
}

div.safeAvenueContract {
	margin-top: 30px;
}

div.safe_avenue_upgrade_box {
	background-color: #EEEEEE;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin-top: 10px;
	padding: 8px;
}

div.safe_avenue_upgrade_product_description {
	margin: 10px 10px 0 25px;
}

div.safe_avenue_upgrade_price {
	float: right;
	font-weight: bold;
	margin-right: 10px;
}

div.safe_avenue_upgrade_campaigns {
	margin: 5px 0 5px 20px;
}

div.safe_avenue_upgrade_terms_list {
	margin: 10px;
}

div.safe_avenue_upgrade_submit {
	margin: 10px 0 10px 0;
	float: right;
}

div.backlink {
	margin-bottom: 10px;
}

div#combination_upgrade_4g_notice {
	font-style: italic;
	margin-top: 20px;
	font-size: 11px;
	font-weight: normal;
}

table.combination_upgrade {
	width: 665px;
}

table.combination_upgrade td.tdtitle{
	width: 160px;
	padding: 10px;
	vertical-align: top;
}

table.combination_upgrade td.tdcontent1{
	padding: 10px;
}

td.upgrade_device_model {
	width: 300px;
	padding-right: 15px;
}

input.device_option {
	margin-left: 0;
}

.upgrade_device_price_option {
	width: 140px;
}

.upgrade_device_description {
	display: none;
	background-color: white;
	padding: 2px 10px 10px 10px;
	margin: 3px;
	border: 1px solid #c1c1c1;
}

.info_box {
	background-color: white;
	border: 1px solid #c1c1c1;
	padding: 10px;
}

.info_box h3 {
	color: #EA3502;
	margin: 0 0 10px;
}

.info_box p {
	margin: 0 0 10px;
}

#existing_fixed_services label, #unix_account_for_upgrade label {
	display: inline-block; 
	vertical-align: top;
	width: 360px;
}

#existing_fixed_services label.inline {
	display: inline;
}

#existing_fixed_services table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#has_fixed_info, #has_landline_info {
	padding: 5px 5px 5px 10px;
}

#install_date_label {
	float: left;
	margin: 3px 3px 0 0;
}

input.dp-applied {
	float:left;
}

#broadband_device_specialtext {
	margin-bottom: 5px;
	background-color: white;
	border: 1px solid #c1c1c1;
	padding: 10px;
}

#sim_options {
	margin-left: 3px;
}

#selected_device_sim {
	margin-left: 3px;
	padding-bottom: 5px;
}

#selected_device_sim_type {
	font-weight: bold;
}

#sim_change_notice {
	margin-bottom: 5px;
}

table.combination_product_details {
	border-collapse: collapse;
	margin-top: 5px;
}

table.combination_product_details td {
	font-size: 11px;
	padding: 0 5px 0 0;
	min-width: 140px;
}

div.combination_campaigns {
	margin: 10px 0;
	background-color: #f9f9f9;
	padding: 10px;
	border-radius: 10px;
	font-size: 11px;
	width: 380px;
}

div.combination_campaigns label {
	display: inline-block; 
	vertical-align: top;
	width: 360px
}

div.combination_campaigns input {
	margin-left: 0;
}

#mobile_broadband_coverage {
	width: 320px;
	margin-top: 15px;
	margin-left: 60px;
}

input.textfield180 {
	width: 180px;
}

#mobile_elisaid_wrapper {
	margin: 10px 0 0 10px;
	padding: 4px 0px 28px;
	text-align: left;
	background: url("/i/saunalahti/oma_sl_new_contentBg.png") repeat-x scroll left top transparent;
	float: left;
	width: 729px;
	position: absolute;
	top: 0;
	left: 218px;
	z-index: 0;
}

#mobile_elisaid_content_top {
	height: 18px;
	width: 729px;
	background: url("/i/settings/content_top_img_right.png") no-repeat scroll right top transparent;
}

#mobile_elisaid_content_top_left_part {
	background: url("/i/settings/content_top_img_left.png") no-repeat scroll left top transparent;
	height: 18px;
	margin-right: 243px;
}

#mobile_elisa_id_content_bottom {
	width: 729px;
	background: url("/i/settings/content_bottom_img_right.png") no-repeat scroll right top transparent;
}

#mobile_elisa_id_content_bottom_left_part {
	background: url("/i/settings/content_bottom_img_left.png") no-repeat scroll left top transparent;
	margin-right: 5px;
	height: 533px;
}

#mobile_elisaid_registration_container {
	display: inline-block;
	margin-left: 56px;
}

#mobile_elisaid_registration_container p.explanation {
	margin-bottom: 25px;
    margin-right: 15px;
}

#mobile_elisaid_registration_container div {
	margin-bottom: 5px;
}

#mobile_elisaid_registration_container span.phone_number_text,
#mobile_elisaid_registration_container label[for='mobile_elisaid_pin_code'] {
	width: 120px;
	display: inline-block;
    font-weight: bold;
    margin-right: 30px;
}

#mobile_elisaid_pin_code {
	width: 58px;
}

.pin_code_help {
    color: #757575;
    font-size: 12px;
    margin-left: 5px;
}

#register_mobile_elisaid {
    display: inline-block;
    margin-top: 10px;
    margin-left: 154px;
    margin-bottom: 20px;
}

#register_mobile_elisaid:disabled {
	color: #777;
	background-color: #ddd;
	border-bottom-color: #fafafa;
	border-right-color: #fafafa;
}

#mobile_elisaid_registration_container span.feedback {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 10px;
}

#mobile_elisaid_registration_container span.registration.feedback {
	width: 408px;
	margin-left: 154px;
}

#mobile_elisaid_registration_container span.feedback.success {
	background-color: #E9FFE9;
}

#mobile_elisaid_registration_container span.feedback.error {
	background-color: #FFF4F4;
}

.do_not_show_in_the_future, .no_thanks_close_for_now {
    display: none;
    margin-right: 41px;
    float: right;
    margin-top: 17px;
}

#redirect_message {
	display: inline-block;
    margin-left: 154px;
    margin-top: 20px;
}

#elisaid_notification {
	left: 228px;
	width: 729px;
	position: relative;
}

#elisaid_notification_top {
	background:url("/i/settings/content_top_img_right.png") no-repeat scroll right top transparent;
	left: 228px;
	width: 729px;
	height: 18px;
}
#elisaid_notification_top_left_part {
	background:url("/i/settings/content_top_img_left.png") no-repeat scroll left top transparent;
	height:18px;
	margin-right: 243px;
}

#elisaid_notification_content {
	background:url("/i/settings/content_bottom_img_right.png") no-repeat scroll right top transparent;
}
#elisaid_notification_content_left_part{
	background:url("/i/settings/content_bottom_img_left.png") no-repeat scroll left top transparent;
	margin-right:5px;
	padding: 0 10px 0 55px;
}

#elisaid_notification_bottom {
	height: 18px;
	background:url("/i/settings/content_lowest_img_right.png") no-repeat scroll right top transparent;
}

#elisaid_notification_bottom_left_part{
	background:url("/i/settings/content_lowest_img_left.png") no-repeat scroll left top transparent;
	margin-right:243px;
	height:18px;
}

.button-align-with-password {
    position: relative;
    top: 16px;
}

.button-for-only-phone-number {
    position: relative;
    top: -5px;
}

.button-aligned-with-no-spam-code {
    position: relative;
    top: 44px;
}