/**
 * Styles for displaying common elements on www.telia.se
 *
 * Only use lower-case characters. 
 *
 *
 * Sections
 * --------
 * Typography
 * Reset
 * LEGACY 
 *  
 */
 

/* =Typography (type of legacy code to handle new design in 2010-04 - see typography.css)  
------------------------------------------------------------------------------------------------ */
body {
}

/* =Reset (type of legacy code to handle new design in 2010-04 - see reset.css)
------------------------------------------------------------------------------------------------ */
html {
	margin:0; 
	padding:0;
}

/* = LEGACY
------------------------------------------------------------------------------------------------ */

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

div.page_body { /* Default bode of a page */
	width:554px;
}

h1.page_headline { /* A page header */
	margin: 0;
	font-size: 20px;
	color: #CF0566;
	line-height:26px;
}
p.page_abstract {
	margin: 20px 0 0 0;
	font-weight: bold;
	/*font: inherit;
	font-size: 11px;
	color: #666666;*/
}
p.body_text {
	margin: 15px 0 0 0;
/*	font: inherit;
	font-size: 11px;
	color: #666666;*/
}

.bold {
	font-weight : bold;
}

/********* Error styles start **********/
table.error_table {
	margin-top: 20px;
	border: 3px solid #CF0566;
	width: 554px;
}
th.error_header {
	text-align: left;
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
	font-weight : bold;
}
.error_text {
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
}
.error_field_text {
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
	font-weight : bold;
	white-space: nowrap;
}
span.error_field { /* Marks erroneous field label */
	font-family: inherit;
	font-size: 11px;
	color: #CF0566;
	font-weight : bold;
}
/********* Error styles end **********/


/********* Message styles start **********/
/* Note! Color may need to be updated    */
table.message_table {
	margin-top: 20px;
	border: 3px solid #0076D4;
	width: 554px;
}
th.message_header {
	text-align: left;
	font-family: inherit;
	font-size: 11px;
	color: #0076D4;
	font-weight : bold;
}
.message_text {
	font-family: inherit;
	font-size: 11px;
	color: #0076D4;
}
/********* Message styles end **********/

table.collapsed {
	border-collapse : collapse;
}
table.full_width { /* Full page width */
	width: 554px;
}

.req_text { /* Style for required text symbol*/
	font-family: inherit;
	font-size: 11px;
	color: #5E2154;
}


/********* Common styles end **********/


/********* Form elements start ******/
input {
	font-family: inherit;
	font-size: 11px;
	color: #666666;
}
textarea {
	font-family: inherit;
	font-size: 11px;
	color: #666666;
}
select {
/*	font-family: inherit;
	font-size: 11px;
	color: #666666; */ /* jaja10 20110405 */
}
/********* Form elements end ********/


/**********   Styles for Avatar column   *********/
div.avatar_column {
	margin-bottom: 10px;
}
#avatar_small {
	position: relative;
	width: 178px;
	height: 100px;
	background-image:url('/img/page/avatar_small_bg.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
 
#avatar_small_q {
	position: absolute;
	width: 162px;
	left: 5px;
	top: 56px;
}

div.avatar_faq {
	position: absolute;
	left: 5px;
	top: 85px;
}

div.avatar_btn {
	position: absolute;
	left: 141px;
	top: 82px;
}

#avatar_small_txt {
	position:absolute; 
	color: #FFFFFF;
	width: 100px; 
	left: 5px;	
	top: 5px; 
}

tr.shortcut_sep {
	height: 14px;
}
td.shortcut_sep {
	background-image: url('/img/page/list_sep.png');
	background-position:center;
	background-repeat:no-repeat;
}
td.shortcut_header, td.news_header {
	padding-left: 5px;
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	color: #6C6F70;
	text-align:left;
}
td.shortcut, td.news {
	padding: 2px 5px 2px 5px;
}
tr.news_margin {
	height: 8px;
}
/*#avatar_header {
	width: 178px;
	height: 30px;
}*/
#avatar_close {
	background-image:url('/img/page/avatar_header.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 178px;
	height: 30px;
	/*width: 16px;
	height: 16px;
	left: 158px;
	top: 7px;*/
	cursor: pointer;
}

/********** Styles for Avatar column end *********/

/********** Styles for Music List start *********/

.musictoplist li
{
    list-style-type:none;
    margin:0 0 15px;
}

.musictoplist li a
{
    display:block;
    background:url(/images2/telia-ikon-spellista_14x32.png?1) no-repeat top left;
    padding-left:20px;
    height:16px;
}

.musictoplist li a:hover
{
    background-position:bottom left;
}

/********** Styles for Music List end *********/