/*
 * This file resets the appearance and behaviour of html-tags to a generic manner.
 *
 * Any changes or additions to the file must be cleard with:
 * Mikael Nilsson (mikael.n.nilsson@teliasonera.com) and/or
 * Calle Bokedal (calle.bokedal@teliasonera.com)
 *
 * Source
 * -----------------
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/**modified for ACE Survey,
table, caption, tbody, tfoot, thead, tr, th, td */{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: text-bottom;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/* Modified to match CG survey Engien table table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/*
/*
 * This file sets up the common typography for www.telia.se
 *
 * Any changes or additions to the file must be cleard with:
 * Mikael Nilsson (mikael.n.nilsson@teliasonera.com) and/or
 * Calle Bokedal (calle.bokedal@teliasonera.com)
 *
 * Usage: 
 *  - Use camelCase naming
 *  - Make sure to keep sections updated
 *
 * Sections
 * --------
 * Lists
 * Paragraph types
 */



/* Paragraph types
-------------------------------------------------------------------------- */
p.abstract { font-weight:bold; }


/**
 * Styles for displaying layout elements on www.telia.se.
 *
 * Usage: 
 *  - Use camelCase naming
 *  - Make sure to keep sections updated
 *
 * Sections
 * --------
 * PAGE_LAYOUT
 * COMMON
 *  
 */
 
/* =PAGE_LAYOUT 
------------------------------------------------------------------------------------------------ */

body.clean {
	background-color: #fff;
	background-image: none;
}

div.pageContainer {
    width:1000px;
    margin:0 auto;
}

#pageContent {
    min-height: 200px;
    padding: 0 20px;
}

/* =COMMON
------------------------------------------------------------------------------------------------ */

/*
 * Grid system for www.telia.se - Based on 960 Grid System
 * Learn more ~ http://960.gs/
 *
 * Any changes or additions to the file must be cleard with:
 * Mikael Nilsson (mikael.n.nilsson@teliasonera.com) and/or
 * Calle Bokedal (calle.bokedal@teliasonera.com)
 *
 * Usage: 
 *  - Use camelCase naming
 *  - Make sure to keep sections updated
 *
 * Sections
 * --------
 * Containers >> Global
 * Containers >> 12 Columns
 * Containers >> 16 Columns
 * Columns >> Global
 * Columns >> 12 Columns
 * Columns >> 16 Columns
 * Grid >> Global
 * Grid >> Children (Alpha ~ First, Omega ~ Last)
 * Grid >> 12 Columns
 * Grid >> 16 Columns
 * Prefix Extra Space >> Global
 * Prefix Extra Space >> 12 Columns
 * Prefix Extra Space >> 16 Columns
 * Suffix Extra Space >> Global
 * Suffix Extra Space >> 12 Columns
 * Suffix Extra Space >> 16 Columns
 * Push Space >> Global
 * Push Space >> 12 Columns
 * Push Space >> 16 Columns
 * Pull Space >> Global
 * Pull Space >> 12 Columns
 * Pull Space >> 16 Columns
 * Clear Floated Elements
 * 
 */

/* Containers >> Global
-------------------------------------------------------------------------- */
.sys12Container1,
.sys12Container2,
.sys12Container3,
.sys12Container4,
.sys12Container5,
.sys12Container6,
.sys12Container7,
.sys12Container8,
.sys12Container9,
.sys12Container10,
.sys12Container11,
.sys16Container1,
.sys16Container2,
.sys16Container3,
.sys16Container4,
.sys16Container5,
.sys16Container6,
.sys16Container7,
.sys16Container8,
.sys16Container9,
.sys16Container10,
.sys16Container11,
.sys16Container12,
.sys16Container13,
.sys16Container14,
.sys16Container15 {
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	position:relative;
}

.sys12Container3,
.sys16Container4 {
	width:240px;
}

.sys12Container6,
.sys16Container8 {
	width:480px;
}

.sys12Container9,
.sys16Container12 {
	width:720px;
}

/* Containers >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.sys12Container1 { width:80px; }
.sys12Container2 { width:160px; }
.sys12Container4 { width:320px; }
.sys12Container5 { width:400px; }
.sys12Container7 { width:560px; }
.sys12Container8 { width:640px; }
.sys12Container10 { width:800px; }
.sys12Container11 { width:880px; }

/* Containers >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.sys16Container1 { width:60px; }
.sys16Container2 { width:120px; }
.sys16Container3 { width:180px; }
.sys16Container5 { width:300px; }
.sys16Container6 { width:360px; }
.sys16Container7 { width:420px; }
.sys16Container9 { width:540px; }
.sys16Container10 { width:600px; }
.sys16Container11 { width:660px; }
.sys16Container13 { width:780px; }
.sys16Container14 { width:840px; }
.sys16Container15 { width:900px; }

/* Columns >> Global
----------------------------------------------------------------------------------------------------*/

.sys12Column1,
.sys12Column2,
.sys12Column3,
.sys12Column4,
.sys12Column5,
.sys12Column6,
.sys12Column7,
.sys12Column8,
.sys12Column9,
.sys12Column10,
.sys12Column11,
.sys16Column1,
.sys16Column2,
.sys16Column3,
.sys16Column4,
.sys16Column5,
.sys16Column6,
.sys16Column7,
.sys16Column8,
.sys16Column9,
.sys16Column10,
.sys16Column11,
.sys16Column12,
.sys16Column13,
.sys16Column14,
.sys16Column15 {
	display:inline;
	float:left;
	position:relative;
}

.sys12Column3,
.sys16Column4 {
	width:240px;
}

.sys12Column6,
.sys16Column8 {
	width:480px;
}

.sys12Column9,
.sys16Column12 {
	width:720px;
}

/* `Columns >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.sys12Column1 { width:80px; }
.sys12Column2 { width:160px; }
.sys12Column4 { width:320px; }
.sys12Column5 { width:400px; }
.sys12Column7 { width:560px; }
.sys12Column8 { width:640px; }
.sys12Column10 { width:800px; }
.sys12Column11 { width:880px; }

/* `Columns >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.sys16Column1 { width:60px; }
.sys16Column2 { width:120px; }
.sys16Column3 { width:180px; }
.sys16Column5 { width:300px; }
.sys16Column6 { width:360px; }
.sys16Column7 { width:420px; }
.sys16Column9 { width:540px; }
.sys16Column10 { width:600px; }
.sys16Column11 { width:660px; }
.sys16Column13 { width:780px; }
.sys16Column14 { width:840px; }
.sys16Column15 { width:900px; }

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.sys12Grid1,
.sys12Grid2,
.sys12Grid3,
.sys12Grid4,
.sys12Grid5,
.sys12Grid6,
.sys12Grid7,
.sys12Grid8,
.sys12Grid9,
.sys12Grid10,
.sys12Grid11,
.sys12Grid12,
.sys16Grid1,
.sys16Grid2,
.sys16Grid3,
.sys16Grid4,
.sys16Grid5,
.sys16Grid6,
.sys16Grid7,
.sys16Grid8,
.sys16Grid9,
.sys16Grid10,
.sys16Grid11,
.sys16Grid12,
.sys16Grid13,
.sys16Grid14,
.sys16Grid15,
.sys16Grid16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.right {
	float:right;
}

.sys12Grid3,
.sys16Grid4 {
	width: 220px;
}

.sys12Grid6,
.sys16Grid8 {
	width: 460px;
}

.sys12Grid9,
.sys16Grid12 {
	width: 700px;
}

.sys12Grid12,
.sys16Grid16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.sys12Grid1 { width: 60px; }
.sys12Grid2 { width: 140px; }
.sys12Grid4 { width: 300px; }
.sys12Grid5 { width: 380px; }
.sys12Grid7 { width: 540px; }
.sys12Grid8 { width: 620px; }
.sys12Grid10 { width: 780px; }
.sys12Grid11 { width: 860px; }

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.sys16Grid1 { width: 40px; }
.sys16Grid2 { width: 100px; }
.sys16Grid3 { width: 160px; }
.sys16Grid5 { width: 280px; }
.sys16Grid6 { width: 340px; }
.sys16Grid7 { width: 400px; }
.sys16Grid9 { width: 520px; }
.sys16Grid10 { width: 580px; }
.sys16Grid11 { width: 640px; }
.sys16Grid13 { width: 760px; }
.sys16Grid14 { width: 820px; }
.sys16Grid15 { width: 880px; }

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.sys12Prefix3,
.sys16Prefix4 {
	padding-left: 240px;
}

.sys12Prefix6,
.sys16Prefix8 {
	padding-left: 480px;
}

.sys12Prefix9,
.sys16Prefix12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.sys12Prefix1 { padding-left: 80px; }
.sys12Prefix2 { padding-left: 160px; }
.sys12Prefix4 { padding-left: 320px; }
.sys12Prefix5 { padding-left: 400px; }
.sys12Prefix7 { padding-left: 560px; }
.sys12Prefix8 { padding-left: 640px; }
.sys12Prefix10 { padding-left: 800px; }
.sys12Prefix11 { padding-left: 880px; }

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.sys16Prefix1 { padding-left: 60px; }
.sys16Prefix2 { padding-left: 120px; }
.sys16Prefix3 { padding-left: 180px; }
.sys16Prefix5 { padding-left: 300px; }
.sys16Prefix6 { padding-left: 360px; }
.sys16Prefix7 { padding-left: 420px; }
.sys16Prefix9 { padding-left: 540px; }
.sys16Prefix10 { padding-left: 600px; }
.sys16Prefix11 { padding-left: 660px; }
.sys16Prefix13 { padding-left: 780px; }
.sys16Prefix14 { padding-left: 840px; }
.sys16Prefix15 { padding-left: 900px; }

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.sys12Suffix3,
.sys16Suffix4 {
	padding-right: 240px;
}

.sys12Suffix6,
.sys16Suffix8 {
	padding-right: 480px;
}

.sys12Suffix9,
.sys16Suffix12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.sys12Suffix1 { padding-right: 80px; }
.sys12Suffix2 { padding-right: 160px; }
.sys12Suffix4 { padding-right: 320px; }
.sys12Suffix5 { padding-right: 400px; }
.sys12Suffix7 { padding-right: 560px; }
.sys12Suffix8 { padding-right: 640px; }
.sys12Suffix10 { padding-right: 800px; }
.sys12Suffix11 { padding-right: 880px; }

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.sys16Suffix1 { padding-right: 60px; }
.sys16Suffix2 { padding-right: 120px; }
.sys16Suffix3 { padding-right: 180px; }
.sys16Suffix5 { padding-right: 300px; }
.sys16Suffix6 { padding-right: 360px; }
.sys16Suffix7 { padding-right: 420px; }
.sys16Suffix9 { padding-right: 540px; }
.sys16Suffix10 { padding-right: 600px; }
.sys16Suffix11 { padding-right: 660px; }
.sys16Suffix13 { padding-right: 780px; }
.sys16Suffix14 { padding-right: 840px; }
.sys16Suffix15 { padding-right: 900px; }

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.sys12Push3,
.sys16Push4 {
	left: 240px;
}

.sys12Push6,
.sys16Push8 {
	left: 480px;
}

.sys12Push9,
.sys16Push12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.sys12Push1 { left: 80px; }
.sys12Push2 { left: 160px; }
.sys12Push4 { left: 320px; }
.sys12Push5 { left: 400px; }
.sys12Push7 { left: 560px; }
.sys12Push8 { left: 640px; }
.sys12Push10 { left: 800px; }
.sys12Push11 { left: 880px; }

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.sys16Push1 { left: 60px; }
.sys16Push2 { left: 120px; }
.sys16Push3 { left: 180px; }
.sys16Push5 { left: 300px; }
.sys16Push6 { left: 360px; }
.sys16Push7 { left: 420px; }
.sys16Push9 { left: 540px; }
.sys16Push10 { left: 600px; }
.sys16Push11 { left: 660px; }
.sys16Push13 { left: 780px; }
.sys16Push14 { left: 840px; }
.sys16Push15 { left: 900px; }

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.sys12Pull3,
.sys16Pull4 {
	left: -240px;
}

.sys12Pull6,
.sys16Pull8 {
	left: -480px;
}

.sys12Pull9,
.sys16Pull12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.sys12Pull1 { left: -80px; }
.sys12Pull2 { left: -160px; }
.sys12Pull4 { left: -320px; }
.sys12Pull5 { left: -400px; }
.sys12Pull7 { left: -560px; }
.sys12Pull8 { left: -640px; }
.sys12Pull10 { left: -800px; }
.sys12Pull11 { left: -880px; }

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.sys16Pull1 { left: -60px; }
.sys16Pull2 { left: -120px; }
.sys16Pull3 { left: -180px; }
.sys16Pull5 { left: -300px; }
.sys16Pull6 { left: -360px; }
.sys16Pull7 { left: -420px; }
.sys16Pull9 { left: -540px; }
.sys16Pull10 { left: -600px; }
.sys16Pull11 { left: -660px; }
.sys16Pull13 { left: -780px; }
.sys16Pull14 { left: -840px; }
.sys16Pull15 { left: -900px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Boxes
-------------------------------------------------------------------------- */

.rowMargin
{
    margin-bottom:30px;
}

.rowMarginSmall
{
    margin-bottom:20px;
}

.noMargin
{
    margin-bottom:0 !important;
}

.newRow
{
    clear:both;
}