/* Style classes for www.telia.se */

/********* Main Start **********/
/* Common styles for all pages */
/*******************************/

/* Remove unwanted space after form */
form { margin-bottom: 0; }

/* Collpased table (border, cellpadding, cellspacing = 0) */
table.collapsed {border-collapse : collapse;}

/* Template areas on page */
div.page_area {
	/* All areas ("puffar") has a bottom margin */ 
	margin-bottom: 10px;
}

/* This is used to show/hide elements */
.hidden_elem {display: none;}

/*
td { */ /* Default style for all td's */ /*
	font-family: inherit;
	color: #53534E;
}
*/  /* jaja10 20110411 */

td.darkline {
	background-color : #CCCCCC;
}
/* table used for layout of main area in order flows etc.*/
table.input_table {
	width : 554px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px;
}
/* definition of input area for order flows etc.*/
td.input_area {
	width : 554px;
	vertical-align : top;
}
/* table used for layout of input fields within the input area for order flows etc*/
table.input_table_padded {
	width : 554px;
	margin : 0px 0px 0px 0px;
	padding : 2px 2px 2px 2px;
	border-width : 0px;
}
/* used for spacing between rows in order flows etc */
td.input_margin_v {
	height : 1px;
}
/* used for labels in order flows */
td.input_label {
	width : 187px;
	height : 25px;
}
/* used for spacing between labels and input fields in order flows etc */
td.input_margin_h {
	width : 20px;
}
/* used for text fields and other input fields in order flows etc */
td.inupt_field {
	width : 347px;
	height : 25px;
}
/* used for table cells that contain only a radio button (without label)*/
td.radio_field {
	width : 25px;
	height : 25px;
	vertical-align : top;
}
/* used when there are two labels/fields on the same row. for example in the cancelphoneextension flow*/
td.input_second_label {
	width : 130px;
	height : 25px;
}
/* used when there are two labels/fields on the same row. for example in the cancelphoneextension flow*/
td.input_second_field {
	width : 217px;
	height : 25px;
}
/* Depracated style */
td.input_label_old {
	width : 120px;
	vertical-align : top;
}
/* Depracated style */
td.input_field_old {
	width : 253px;
}
/* Depracated style */
td.radio_label_old {
	width : 348px;
}
/* Depracated style */
td.radio_field_old {
	width : 25px;
	vertical-align : top;
}
/* Depracated style */
td.checkbox_label_old {
	width : 348px;
}
/* Depracated style */
td.checkbox_field_old {
	width : 25px;
	vertical-align : top;
}

/**
  * Use for tablerows
 **/
.darkrow {
	background-color : #F3F3EE;
}

input {
	font-family: inherit;
	font-size: 11px;
	color: #53534E;
}
textarea {
	font-family: inherit;
	font-size: 11px;
	color: #53534E;
}
select {
/*	font-family: inherit;
	font-size: 11px;
	color: #53534E;  */ /* jaja10 20110405 */
}
a, a:visited  {
	color: #652d86;
}

a:active {
	color: #584861;
}

a:hover {
	color: #b887d4;
}
h1 {
	font-family: inherit;
	/*margin: 5px 0 13px 0;*/
}
.h1 {
	/* Deprecated - use <h1> instead */
	color: #000000; 
	font-size: 30px; 
	line-height: 32px; 
	margin-bottom: 21px; 
	font-weight: bold;
}
.h1blue
{
	font-family: inherit;
	font-size: 20px;
	color: #0076D4;
}
.h1black
{
	font-family: inherit;
	font-size: 20px;
	color: #000000;
	margin-bottom : 18px;
}
.h1orange {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	color: #F68B00;
	margin-top: 4px;
}
.h2
{
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	color: #6C6F70;
	margin-bottom : 10px;
}
.h3
{
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #6C6F70;
	margin-bottom : 10px;
}
.mellanrubrik
{
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #6C6F70;
	margin-bottom : 13px;
}
.content {
	font-family: inherit;
	font-size: 13px;
	color: #6C6F70;
}
.contentbold {
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #6C6F70;
}
/* For (product's) content text with bottom margin */
div.content_bottom_margin {
	font-family: inherit;
	font-size: 13px;
	color: #6C6F70;
	margin-bottom : 0.7em;
}
/* For bold text with bottom margin */
div.contentbold_bottom_margin {
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #53534E;
	margin-bottom : 0.7em;
}
.contentblue {
	font-family: inherit;
	font-size: 11px;
	color: #5E2154;
}
.fotnotblue {
	/* Deprecated - use footnote instead */
	font-family: inherit;
	font-size: 9px;
	color: #5E2154;
}
.footnote {
	font-family: inherit;
	font-size: 9px;
	color: #5E2154;
}

/* For displaying prices */
.price {
	font-family: inherit;
	font-size: 11px;
	color: #5E2154;
}
/* For value and currency in some cases */
.price_large {
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #5E2154;
}
.price_huge {
	font-family: inherit;
	font-size: 18px;
	color: #5E2154;
}

/* Används i meddelanden till användaren (ej felmeddelanden) */
.messageTable {
	border: 3px solid #0076D4;
	margin-bottom: 10px;
}
.messagefieldname {
	font-family: inherit;
	font-size: 11px;
	color: #0076D4;
	font-weight : bold;
}

/* Används i felmeddelanden */
.contentred {
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
	font-weight : bold;
}
.errortable {
	border: 3px solid #CF0566;
	margin-bottom : 10px;
}
.errorfieldname {
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
	font-weight : bold;
}
.errorfieldhelp {
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
	font-weight : normal;
}

/* Används för texten på utskrifter */

.contentblack {
	font-family: inherit;
	font-size : 11px;
	color : #000000;
}
/********* Main End *********/

/********** GUI Start ***********/
/* Styles to define margins etc */
/* Used for page types and      */
/* templates                    */
/********************************/
/* Tables to use for gui_main_left */
table.gui_main_left_tbl {
	width : 366px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px;
}
/* Tables to use for gui_main_right */
table.gui_main_right_tbl {
	width : 178px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px;
}
/* For editorial table with background image */
table.ed_with_bg {
	background-repeat : no-repeat;
}
/* Margin below header */
td.gui_header_margin {height : 20px;}
/* Horizontal margin - small */
td.gui_hm_s {width : 10px;}
/* Horizontal margin - large */
td.gui_hm_l {width : 0px;}
/* Vertical margin - small */
td.gui_vm_s {height : 10px;}
/* Vertical margin - large */
td.gui_vm_l {height : 20px;}
/* For page with menu */
td.gui_main_body {
	width : 554px;
	vertical-align : top;
}
/* For page with menu */
td.gui_main_menu {
	width : 194px;
	vertical-align : top;
}
/* For page without menu */
td.gui_only_body {
	width : 768px;
	vertical-align : top;
}
/* For the left column if 2 cols in body */
td.gui_main_left {
	width : 366px;
	vertical-align : top;
}
/* For the right column if 2 cols in body */
td.gui_main_right {
	width : 178px;
	vertical-align : top;
}

/** New Editorials (TINDRA) Start **/
.view_12a_abstract {
	height: 65px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.view_12b_abstract {
	height: 37px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 4px;
}
.view_12a_link {
	margin-left: 114px;
	margin-right: 4px;
	margin-bottom: 5px;
}
.view_12b_link {
	margin-left: 114px;
	margin-right: 4px;
	margin-bottom: 0px;
}
.view_12b_sep {
	margin-bottom: 1px;
	margin-left: 5px;
}
.view_12b_priceinfo {
	margin-left: 5px;
}
.view_12b_price {
	color: #5E2154; 
	vertical-align: bottom;
	font-size: 18px;
}
.view_12_priceprefix,
.view_12_pricesuffix {
	margin-bottom: 2px;
}
.view_12_pricefootnote {
	margin-bottom: 5px;
}
/** New Editorials (TINDRA) End **/
/** Old Editorials (TUWA) Start **/
/* Editorials whole page */
td.gui_ed_whole {
	width : 554px;
	height : 520px;
	vertical-align : top;
}
/* Editorials "full" page */
td.gui_ed_full {
	width : 366px;
	height : 200px;
	vertical-align : top;
}
/* Editorials to the right, "full" page */
td.gui_ed_r_full {
	width : 178px;
	height : 200px;
	vertical-align : top;
}
/* Editorials "half" page */
/* not used */
td.gui_ed_half {
	width : 356px;
	vertical-align : top;
}
/* Editorials advertises */
td.gui_ed_adv {
	width : 178px;
	height : 100px;
	vertical-align : top;
}
/** Old Editorials (TUWA) End **/
/* Floating image (top) */
img.gui_top {
	margin-bottom: 10px;
}
/* Floating image (top left) */
img.gui_top_left {
	float : left;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* Floating image (top right) */
img.gui_top_right {
	float : right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* Button with right margin */
img.gui_button_r_margin {
	margin-right: 4px;
}
/* Button with left margin */
img.gui_button_l_margin {
	margin-left: 4px;
}
/* Small product image - for produktlista01,02 */
img.gui_prod_small {
	margin-left: 7px;
	margin-right: 10px;
}
/* One row margin at the bottom */
div.gui_bottom_row_space {
	margin-bottom: 15px;
}
/************ GUI End ***********/


/************ Products start ***********/
/* Input style for variants and traits */
td.prod_input_title {
	font-weight : bold;
	padding-top : 0px;
	padding-bottom : 10px;
}
tr.prod_input {
	background-color: #F3F3EE;
}
td.prod_input_label {
	width : 87px;
	height: 24px;
	text-indent: 5px;
}
td.prod_input {
	font: inherit;
	width: 279px;
	padding-top: 0.1px;
}
td.prod_input_text {
	font: inherit;
	width: 366px;
	padding-left: 5px;
	padding-top: 0.1em;
	padding-bottom: 5px;
}
/* Technical data style */
td.tech_header {
	font-weight : bold;
	height: 23px;
	text-indent: 5px;
}
td.tech_label {
	height: 23px;
	text-indent: 5px;
}
td.tech_value {
	height: 23px;
	text-indent: 5px;
}
/************ Products End ***********/


/********* Header Start *********/
/*
#header_container {
	position:relative;
	width: 951px;
}
#header_tabs {
	float:right;
	height: 23px;
	padding: 11px 16px 0 0;
}
div.tab {
	float:left;
}
#header_nav {
	clear:both;
	left: -5px;
	top: -5px;
	width: 951px;
}
td.nav_sep {
	background-image: url('/img/header/nav_sep.gif');
	background-repeat:no-repeat;
	width:1px;
	height:23px;
	border:0;
}*/

/* Shopping cart */
/*
#cart_container { 
	position : absolute;
	background-image : url('/img/header/cart_bg.gif');
	background-repeat:no-repeat;
	width: 213px;
	height: 74px;
	top: 33px;
	left: 830px;
}
#cart {
	margin-left : 5px;
	margin-top : 4px;
}
#cart_title {
	margin-left : 4px;
	margin-bottom : 3px;
}
#cart_separator {
	margin-top : 5px;
	margin-bottom : 4px;
}
.cart_left_indent {margin-left : 4px;}
.cart_text_indent {margin-left : 4px;}
.cart_content {font-size : 10px;}
.cart_content_bold {
	margin-left : 4px;
	font-size : 10px;
	font-weight : bold;
}
input.header_input {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	height : 15px;
	width : 81px;
}
*/
/********* Header End *********/

/********* Centered page Start ************/
/*body.centered {
	font-family: verdana, arial, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 16px 10px 10px 10px;
	background-color: #e6e6e6;
	1background-image: url('/img/page/page_bg.gif');
}*/
/*
#page_body {
	margin-top: 20px;
}
td.page_tl {
	background: url('/img/page/page_sprite.png')
    0px 0px no-repeat;
}
td.page_top {
	background-image: url('/img/page/page_sprite.png');
	background-repeat:repeat-x;
}
td.page_tr {		
	background: url('/img/page/page_sprite.png')
    -14px 0px no-repeat;
	padding-right: 10px;
}
td.page_thl {			
	background: url('/img/page/page_sprite.png')
    0px -10px no-repeat;
}
td.page_th {
	background-image: url('/img/page/page_bg_th.gif');
	background-repeat:repeat-x;
}
td.page_thr {		
	background: url('/img/page/page_sprite.png')
    -14px -10px no-repeat;
	padding-right: 10px;
}
td.page_left {
	background-image: url('/img/page/page_bg_left.gif');
	background-repeat:repeat-y;
}
td.page_body {
	background-color: #FFF;
}
td.page_right {
	background-image: url('/img/page/page_bg_right.gif');
	background-repeat:repeat-y;
}
td.page_bl {
	background: url('/img/page/page_sprite.png')
    0px -78px no-repeat;
}
td.page_bottom {
	background-image: url('/img/page/page_bg_bottom.gif');
	background-repeat:repeat-x;
}
td.page_br {
	background: url('/img/page/page_sprite.gif')
    -14px -80px no-repeat;
}*/
/********* Centered page End ************/

/**** Footer Start ******/
/* 10w16
#footer {
	position:relative;
	background-image: url('/img/footer/footer_bg.gif');
	background-repeat:no-repeat;
	width:952px;
	height:40px;
}*//*
.footer_item {
	position: absolute;
	top: 15px;
	left: 12px;
	background-image: url('/img/footer/teliasonera.gif');
	background-repeat:no-repeat;
	width:91px;
	height:10px;
	border:0;
	
}*/
/**** Footer End ******/

/*** Module headers - start ***/
/* Ex: A header with grey background + rounded */
/* corners, and with a clickable help icon */
/******************************/
table.mod_table {
	border-collapse : collapse;
	margin : 0px 0px 10px 0px;
}
/* This def. is neccessary to set cellpadding = 0 for mod_table */ 
table.mod_table td {padding : 0px;}
tr.mod_title {
	height : 22px;
}
td.mod_l {
	background-repeat : no-repeat;
}
td.mod_r {
	background-repeat : no-repeat;
}
td.mod_title {
	height : 22px;
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #652D86;
}
td.mod_help_icon {
	text-align : right;
}
div.mod_help {
	padding: 5px 5px 5px 8px;
	background-color: #FFFFDB;
}
td.mod_subtitle {
	text-indent : 8px;
	font-family: inherit;
	font-weight: bold;
	height : 25px;
	background-image : url("/img/page/module_subtitle_bg.gif");
	background-repeat : repeat-x;
}
td.mod_text {
	padding: 5px 0px 0px 0px;
}
div.mod_text {
	padding: 5px 5px 0px 8px;
}
/*** Module headers - end ***/

/*** Rounded grey table start ******/
/* For tables with gray background */
/* and rounded corners             */
/***********************************/
td.r_tbl_tl_grey { /* Top left cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/tables/grey_top_left.gif");
}
td.r_tbl_tr_grey { /* Top right cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/tables/grey_top_right.gif");
}
td.r_tbl_bl_grey { /* Bottom left cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/tables/grey_bottom_left.gif");
}
td.r_tbl_br_grey { /* Bottom right cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/tables/grey_bottom_right.gif");
}
td.r_tbl_bg_grey { /* "Default body and margin" cell */
	background-image : url("/img/tables/grey_bg.gif");
}
td.r_tbl_bg_bold_grey { /* Bold content */
	font-weight : bold;
	background-image : url("/img/tables/grey_bg.gif");
}
/**** Rounded grey table end ******/

/**** Red table start ******/
/*** Used for login area for example ***/
td.red_tbl_tl { /* Top left cell */
	height : 10px;
	width : 10px;
	background-image : url("/img/tables/red_tl_bg.gif");
}
td.red_tbl_t { /* Top (middle) cell */
	height : 10px;
	width : 164px;
	background-image : url("/img/tables/red_t_bg.gif");
}
td.red_tbl_tr { /* Top right cell */
	height : 10px;
	width : 10px;
	background-image : url("/img/tables/red_tr_bg.gif");
}
td.red_tbl_l { /* Left cell */
	height : 180px;
	width : 10px;
	background-image : url("/img/tables/red_l_bg.gif");
}
td.red_tbl_body { /* "Default body" cell */
	vertical-align : top;
	background-image : url("/img/tables/red_body_bg.gif");
}
td.red_tbl_r { /* Right cell */
	height : 180px;
	width : 10px;
	background-image : url("/img/tables/red_r_bg.gif");
}
td.red_tbl_bl { /* Bottom left cell */
	height : 10px;
	width : 10px;
	background-image : url("/img/tables/red_bl_bg.gif");
}
td.red_tbl_b { /* Bottom (middle) cell */
	height : 10px;
	/*width : 164px;*/
	background-image : url("/img/tables/red_b_bg.gif");
}
td.red_tbl_br { /* Bottom right cell */
	height : 10px;
	width : 10px;
	background-image : url("/img/tables/red_br_bg.gif");
}
/**** Red table end ******/


/********* Tisap specific Start *********/

/*******************************************************************************************

	General styles

*******************************************************************************************/

.pagetitle
{
	font-size: 30px;
	color: #000;
        line-height: 32px;
}

.pagetitle_welcome
{
	font-size: 20px;
        line-height: 26px;
	color: #CF0566;
}

.introduction
{
	width: 535px;
	margin-top: 10px;
}

.divider
{
	margin-top: 10px;
	border-top: 1px solid #e1e1e1;
}

.divider td
{
	background-repeat:repeat-x;
	width: 535px;
	height: 1px;
}

.divider_small_top_margin
{
	margin-top: 3px;
}

.divider_small_top_margin td
{
	background-image: url("/images/streck_535x1.gif");
	width: 535px;
	height: 1px;
}

.plaintextrow
{
	width: 525px;
	margin-top: 8px;
	margin-right: 5px;
}

.plaintextrow_bold
{
	width: 525px;
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}

.plaintextrow_indent
{
	width: 490px;
	margin-top: 8px;
	margin-left: 40px;
	margin-right: 5px;
}

.hidden
{
	display: none;
}

.default_margin
{
	margin-left: 4px;
}

.default_top_margin
{
	margin-top: 10px;
}

/*******************************************************************************************

	 Message boxes

 *******************************************************************************************/

.errormessagebox
{
	font-weight : bold;
	border: 3px solid #c41b79;
	margin-top: 20px;
	width: 526px;
}

.errormessagebox td
{
	vertical-align: top;
	height: 41px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	color: #6C6F70;
}

.errormessagebox_default_top_margin
{
	font-weight : bold;
	border: 3px solid #652D86;
	margin-top: 10px;
	width: 535px;
}

.errormessagebox_default_top_margin td
{
	vertical-align: top;
	height: 41px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* A panel within a panel is needed for these styles to work (not needed for errormessagebox). */
.messagebox
{
	border: 3px solid #0076D4;
	margin-top: 20px;
	width: 526px;
}

.messagebox td
{
	vertical-align: top;
	height: 41px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-weight : bold;
}

.messagebox td td
{
	color: #0076D4;
	padding: 0;
	height: auto;
}

/* Use this to reset font-weight for a <plaintext> within a messagebox. */
.messagebox .normal
{
	font-weight: normal;
}

/*******************************************************************************************

	Form related styles

*******************************************************************************************/

.formrow
{
	margin-top: 10px;
	height: 24px;
	width: 535px;
	margin-left: 10px;
}

.formrow input
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #53534E;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid #53534E;
	height: 16px;
	vertical-align: middle;
}

.formrow select
{
	margin-left:5px;
	margin-right:5px;
	border: 1px solid #53534E;
	margin-top:3px;
}

.fieldname
{
	margin-left: 10px;
	width: 207px;
}

.fieldvalue
{
	padding-left: 5px;
}

.fieldvalue_static
{
	padding-left: 10px;
}

table.field_cb_rb
{
	vertical-align:baseline;
}

.field_cb_rb input
{
	border: 0;
}

.fieldgrouptitle
{
	font-weight: bold;
	margin-top: 20px;
	margin-left: 10px;
}

.fieldgroupintroduction
{
	margin-top: 10px;
}

.required
{
	color: #0076D4;
}

.navbuttonrow
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	width: 100%;
}

.navbuttonrow img
{
	margin-left: 4px;
	margin-right: 0;
	border: 0;
}

.navbuttonrow a.left img
{
	margin-left: 0;
	margin-right: 4px;
	border: 0;
}

.navbuttonrow input
{
	margin-left: 4px;
	margin-right: 0;
	padding: 0;
	border: 0;
	height: 19px;
}

/*
	Set a image to the form reset button.	 
*/
.resetbutton { 
	background-color: transparent;
	background-image: url(/img/buttons/button_rensa.gif); 
	height:19px; width:59px; 
	border: none;
	cursor:pointer;
} 

/*******************************************************************************************

	.help: Help box that appears when clicking on the orange question mark.

*******************************************************************************************/

.help
{
	width: 535px;
	display: none;
}

/* The content will get this style. */
.help td
{
	width: 535px;
	padding-top: 10px;
}

/* The close button will get this style. */
.help table
{
	width: 100%;
}

.help td td
{
	text-align: right;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
}

/*******************************************************************************************

	.tip: "Bra att veta"

*******************************************************************************************/

.tip
{
	margin-top: 0px;
        margin-bottom: 30px;
	width: 535px;
	border-top: 1px solid #E1E1E1;
}

/* This tag makes sure the footer image is aligned with the bottom of its cell (for Win+IE6) */
.tip img
{
	vertical-align: bottom;
}

/* Sets the minimum height of the tip content. Does not work in IE; workaround: Use <br> in t-cat.  */
.tip > tbody > tr > td > table
{
	height: 50px;
	vertical-align: top;
}

/* Aligns the tip content table to the top (instead of default middle) */
.tip table td
{
	vertical-align: top;
}

.tip table table
{
	margin-left: 0px;
}

/* Sets the style of the question mark image. */
.tip table table img
{
	margin-left: 7px;
	margin-right: 5px;
	vertical-align: bottom;
}

/* Aligns the text correctly with the question mark image. Sets the line distance for multiline content. */
.tip table td td
{
	vertical-align: middle;
	padding-bottom: 5px;
}

.tip tr td table tr td table tr td {
	padding-top: 15px;
}

/*******************************************************************************************

	Number table: Has the columns Number, Subscription, and (sometimes) Price plan.

*******************************************************************************************/

.numbertableheader
{
	background: #ECEBE5 repeat-x;
	height: 24px;
	line-height: 24px;
}

.numbertableheader td
{
	font-weight: bold;
}

.numbertablerow_light
{
	height: 20px;
}

.numbertablerow_dark
{
	height: 20px;
}

.numbertablerow_dark tr
{
}

/* Note: Total width of the row should be 535px (this column: 535-(3*140)=115 px) */
.numbertablecolumn1
{
	padding-left: 5px;
	display:block;
	width: 115px;
}

.numbertablecolumn2
{
	width: 140px;
}

.numbertablecolumn3
{
	width: 140px;
}

.numbertablecolumn4
{
	width: 140px;
}
/*******************************************************************************************

	Abonnemang table: Has the columns subscription, Bkonto, Number, Subscription, subscription_endtime and (sometimes) Price plan.

*******************************************************************************************/

.abonnemangtableheader
{
	background-image: url("/images/platta_gradient_1x25.gif");
	height: 24px;
}

.abonnemangtableheader td
{
	font-weight: bold;
}

.abonnemangtablerow_light
{
	height: 20px;
}

.abonnemangtablerow_dark
{
	height: 20px;
}

.abonnemangtablerow_dark tr
{
	background-color: #F3F3EE;
}

/* Note: Total width of the row should be 535px (this column: 535-(3*140)=115 px) */
.abonnemangtablecolumn2
{
	padding-left: 5px;
	width: 155px;
}

.abonnemangtablecolumn1
{
	width: 100px;
}

.abonnemangtablecolumn3
{
	width: 90px;
}

.abonnemangtablecolumn4
{
	width: 100px;
}

.abonnemangtablecolumn5
{
	width: 90px;
}

/*******************************************************************************************
	Balance overivew table
 *******************************************************************************************/

.balancetableheader
{
	/* rätt url inlagd */
	background: #ECEBE5 repeat-x;
	/* background-image: url("/images/platta_gradient_1x25.gif"); */
	/* background-image: url("../../apps/arnetest/img/platta_gradient_1x25.gif"); */
	height: 24px;
	line-height: 24px;
}

.balancetableheader table
{
	border-collapse: separate;
}

.balancetableheader td
{
	font-weight: bold;
}

.balancetablefooter td
{
	font-weight: bold;
}

.balancetablerow_light
{
	height: 20px;
}

.balancetablerow_dark
{
	height: 20px;
}

.balancetablerow_dark tr
{
	background-color: #F3F3EE;
}

.balancetablecolumn1
{
	padding-left: 5px;
	width: 130px;
}

.balancetablecolumn2
{
	width: 135px;
}

.balancetablecolumn3
{
	width: 100px;
	text-align: right;
}

.refillbalancetablecolumn3
{
	width: 270px;
	text-align: right;
}

.balancetablecolumn4
{
	width: 80px;
	text-align: right;
}

/* Note: Total width of the row should be 535px (this column: 535-150-150 px) */
.balancetablecolumn5
{
	padding-right: 5px;
	width: 90px;
	text-align: right;
}

/*******************************************************************************************
	Engagement missing table
*******************************************************************************************/

.engagementmissingtablerow_light
{
	height: 20px;
}

.engagementmissingtablerow_dark
{
	height: 20px;
}

.engagementmissingtablerow_dark tr
{
	background-color: #F3F3EE;
}

.engagementmissingtablecolumn1
{
	padding-left: 5px;
	width: 265px;
}

.engagementmissingtablecolumn2
{
	width: 100px;
	text-align: right;
}

.engagementmissingtablecolumn3
{
	width: 170px;
}

/*******************************************************************************************

	 Invoice table

*******************************************************************************************/

.invoicetablerow_light
{
	height: 20px;
}

.invoicetablerow_dark
{
	height: 20px;
}

.invoicetablerow_dark tr
{
	background-color: #F3F3EE;
}

.invoicetablecolumn1
{
	padding-left: 5px;
	width: 105px;
}

.invoicetablecolumn2
{
	width: 80px;
}

.invoicetablecolumn3
{
	width: 75px;
	text-align: right;
}

.invoicetablecolumn4
{
	width: 85px;
	text-align: right;
}

.invoicetablecolumn5
{
	width: 85px;
	text-align: right;
}

/* Note: Total width of the row should be 535px. */
.invoicetablecolumn6
{
	width: 95px;
	margin-left: 10px;
}

/*******************************************************************************************

	 The following is used by twoColumnsWithLinks.view.

 *******************************************************************************************/

.twocolumnswithlinks_column1
{
	padding-left: 5px;
	height: 20px;
	width: 267px;
}

.twocolumnswithlinks_columndivider
{
	width: 1px;
	height: 20px;
	background-image: url("/images/streck_vert_1x2.gif");
}

.twocolumnswithlinks_columndivider_empty
{
	width: 1px;
}

.twocolumnswithlinks_column2
{
	height: 20px;
	width: 267px;
	padding-left: 10px;
}


/*******************************************************************************************

	Service table: Services (tjänster) that is connected to a particular subscription.

*******************************************************************************************/

.servicetablerow_light
{
	height: 20px;
}

.servicetablerow_dark
{
	height: 20px;
}

.servicetablerow_dark tr
{
	background-color: #F3F3EE;
}

.servicetablecolumn1
{
	padding-left: 5px;
	width: 230px;
}

.servicetablecolumn2
{
	width: 75px;
}

/* Note: Total width of the row should be 535px (this column: 535-230-75 px) */
.servicetablecolumn3
{
	width: 230px;
}

/*******************************************************************************************

	.grouptitle: Title row for group (= section of a page).

*******************************************************************************************/

.grouptitle
{
	background-repeat:no-repeat;
	height: 22px;
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 8px;
	width: 535px;
}

.grouptitle td
{
	padding-top: 2px;
	font-size: 13px;
	font-weight: bold;
	color: #652D86;
}

.grouptitle img
{
	vertical-align: top;
	cursor: pointer;
}

/*******************************************************************************************

	.infopanel: Part of the page "Ändra fakturauppgifter"

*******************************************************************************************/

/* Note: If the width is changed, you need to change the width of .infopanelcontent as well. */
.infopanel
{
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 5px;
	width: 535px;
	height: 24px;
}

.infopanel td
{
	vertical-align: top;
}

.infopanel img
{
	vertical-align: top;
	margin-top: 2px;
}

/* Note: If the width is changed, you need to change the width of .infopanelcontent as well. */
.infopaneltitle
{
	font-weight: bold;
	width: 180px;
	padding-top: 5px;
}

/* This style class is connected to the middle column of the infopanel. Its width is calculated from
(the width of the whole infopanel) - (left column) - (right column) - paddings: 535 - 180 - 59 - 5 - 5= 286 */
.infopanelcontent
{
	margin-top: 5px;
	width: 286px;
}

.infopanelcontent td
{
	padding-bottom: 5px;
}

/*******************************************************************************************

	.mysubscriptions: Part of the Welcome page.

*******************************************************************************************/

.mysubscriptions
{
	background-image: url("/gfx/backgrounds/platta_mina_abg_new.gif");
       /* /images/platta_mina_abg.gif */
	width: 366px;
	height: 200px;
}

.mysubscriptions_title
{
	height: 20px;
	margin-left: 10px;
	margin-top: 3px;
}

.mysubscriptions_title td
{
	font-size: 13px;
	font-weight: bold;
	color: #53534E;
}

.mysubscriptions_list
{
	margin-left: 4px;
}

.mysubscriptions_row_light
{
	height: 20px;
}

.mysubscriptions_row_dark
{
	background-color: #ECECE7;
	height: 20px;
}

.mysubscriptions_column1
{
	width: 140px;
	margin-left: 5px;
}

.mysubscriptions_column1_indent
{
	width: 130px;
	margin-left: 15px;
}

.mysubscriptions_column1_bold
{
	width: 140px;
	margin-left: 5px;
	font-weight: bold;
}

/* Adjusted to fit the scroll bar. */
.mysubscriptions_column2
{
	width: 194px;
}

.mysubscriptions_message
{
	background-image: url("/images/platta_mina_abg.gif");
	width: 366px;
	height: 200px;
}

.mysubscriptions_message td
{
	vertical-align: top;
}

.mysubscriptions_message td td
{
	vertical-align: bottom;
}

.mysubscriptions_messagerow
{
	margin-left: 9px;
	margin-top: 5px;
}

.mysubscriptions_messagerow td
{
	height: 20px;
}

.mysubscriptions_messagerow_red
{
	margin-left: 9px;
	margin-top: 5px;
}

.mysubscriptions_messagerow_red td
{
	height: 20px;
	color: #CF0566;
}

/*******************************************************************************************

	.adminsubscriptions: Part of the "Administrera" page.

*******************************************************************************************/

.adminsubscriptions_row_title
{
	height: 20px;
}

.adminsubscriptions_row_title td
{
	font-weight: bold;
	height: 30px;
}

.adminsubscriptions_row_light
{
	height: 20px;
}

.adminsubscriptions_row_dark
{
	background-color: #F3F3EE;
	height: 20px;
	width: 535px;
}

.adminsubscriptions_divider
{
	background-image: url("/images/streck_hori_2x20.gif");
	height: 10px;
	width: 535px;
}

/* The width of column1, column2 and column3 together is always 535px. */
.adminsubscriptions_column1
{
	width: 135px;
	margin-left: 5px;
}
.adminsubscriptions_column1_package
{
	width: 125px;
	margin-left: 15px;
}
.adminsubscriptions_column2
{
	width: 180px;
}
.adminsubscriptions_column3
{
	width: 215px;
}

.adminsubscriptions_submenu
{
	margin-left: 350px;
}

/*******************************************************************************************

			  Technical error message

 *******************************************************************************************/

.technical_error_title
{
	font-weight: bold;
	margin-top: 8px;
	margin-bottom:	10px;
	margin-left: 5px;
}

.technical_error_message_row_light
{
	height: 20px;
}

.technical_error_message_row_dark
{
	background-color: #F3F3EE;
	height: 20px;
}

.technical_error_message_row_highlighted
{
	background-color: #FFFFCC;
	height: 20px;
}

/* The width of column1 and column2 together is always 900px. */
.technical_error_message_column1
{
	width: 130px;
	margin-left: 5px;
}

.technical_error_message_column2
{
	width: 404px;
}

/*******************************************************************************************

	Popup window: 

*******************************************************************************************/

.popup_top
{
	width: 100%;
	height: 25px;
	padding: 0;
	margin-bottom: 20px;
	background-color: #CF0566;
}

/*******************************************************************************************

	Tindra navigation:

*******************************************************************************************/

/********* Tisap specific End *********/

.invoicenumberinput {
	color:#000000;
	border-color:#818177;
	border-style:solid;
	border-width:1px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	width:160px;
	color:#333333;
	font-size:10px;
}

/*******************************************************************************************

 Balance VoD overview table
 
*******************************************************************************************/
.balancevodtable
{
	height: 22px;
	background-color: #EDEDED;
	padding-left: 5px;
	display:block;
	line-height: 22px;
}

.balancevodtablecolumn1
{
 padding-left: 5px;
 width: 222px;
}
 
.balancevodtablecolumn2
{
 width: 128px;
}
 
.balancevodtablecolumn3
{
 width: 114px;
 text-align: right;
}
 
/* Note: Total width of the row should be 535px (this column: 535-150-150 px) */
.balancevodtablecolumn4
{
 padding-right: 5px;
 width: 71px;
 text-align: right;
}
 
.balancevodtablerow_dark
{
 background-color: #EDEDED;
      height: 20px;
}
.balancevodtablerow_light
{
      height: 20px;
}

/* TellAFriend start */
div.jq_drag {cursor: move;}

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.taf_window {
    display: none;    
    position: fixed;
    top: 17%;
    left: 48%;    
    margin-left: -300px;
    width: 436px;    
    background-color: #FFFFFF;
    border: 1px solid #C1C1BC;
    padding:0;    
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .taf_window {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.loading_indicator {
  background-image:url(../img/loading.gif);
  background-position:left center;
  background-repeat:no-repeat;
  font-size:11px;
  line-height:16px;
  margin:3px;
  padding-left:20px;
}
/* TellAFriend end */

a.content span {
    color: #652D86;
}

div.pageContainer form #pageContent{
    width: 940px;
    padding:10px;
}

.numbertablerow_dark span {
    line-height: 25px;
}

input[type="text"] {
    margin-right: 10px;

}