*{
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
}
body{
    font-family:arial;
    font-size:12px;
    padding: 30px;
    position: relative;
    color: #0f0f0f;
}
.hide{
	display: none;
}
.overlay{
	background: #000000;
	opacity: 0.5;
	height: 1000px;
	width: 100%;
	position: absolute; top: 0; left: 0;
}
.overlay i{
	display: block;
	width: 32px;
	height: 32px;
	background: url('../images/loader.gif') 0 0 no-repeat;
	margin: -16px 0 0 -16px;
	position: absolute; left: 50%; top: 50%;
}

.t2Input{
    border-radius:2px;
    border:1px inset #bbb;
    box-shadow:1px 1px 1px #ddd inset;
    padding:8px 5px;
    margin:5px 0;
    width:160px;
}
textarea.t2Input{
	height: 82px;
}
.t2Input.error{
	border-color: red;
}
.t2BtnBlack {
    background-color: #222222;
    background-image: -moz-linear-gradient(center bottom, #1B1C1D 16%, #393A3B 100%);
    border: 1px solid #222327;
    color: #FFFFFF;
    font-family:arial;
    padding:5px;
    font-size:12px;
    border-radius: 5px;
    box-shadow: 0 2px 2px #BABABA;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    margin:5px 0;
}
.t2BtnBlack:hover {
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(100, 102, 104, 0.7) 0%, rgba(100, 102, 104, 0) 50%);
}
label.t2Checkbox {
	float: left;
	margin:-5px 5px 0 0;
}
label.t2Checkbox input {
    display: none;
}
label.t2Checkbox span {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("http://www.tele2.se/se_business/img/0_uniform_sprite.png");
    background-position:-283px -371px;
    cursor:pointer;
}
label.t2Checkbox input:checked + span {
    background-image: url("http://www.tele2.se/se_business/img/0_uniform_sprite.png");
    background-position:-313px -371px;
}
.t2Dropdown {
    cursor:pointer;
    width:170px;
    height:35px;
    margin: 5px 0;
}
.t2Dropdown select {
    opacity:0;
    width:170px;
    height:35px;
    position:absolute;
    margin-top:-35px;
}
.t2Dropdown .sec {
    background-image: url("http://www.tele2.se/se_business/img/0_uniform_sprite.png");
    background-position:170px -417px;
    width:170px;
    height:35px;
    clear:right;
}
.t2Dropdown .fir {
    width:12px;
    height:35px;
    background-image: url("http://www.tele2.se/se_business/img/0_uniform_sprite.png");
    background-position:0px -452px;
    float:left;
}
.t2Dropdown span {
    font-family:arial;
    font-size:12px;
    line-height:35px;
    display: block;
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
}
.t2InfoBox{
    border:3px solid #ff8800; 
    padding:10px; 
    border-radius: 20px 0 20px 0; 
    background-color:#fff;
}
.t2TopLine{
    /*<!--Boton renderas inte här-->*/
    font-family:BotonProBold;
    border-top: 5px solid #0f0f0f;
    border-bottom:5px solid #0f0f0f;
    font-size:32px;
}
.t2Form{
	border: solid 5px #0f0f0f;
	width: 800px;
	padding: 20px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.t2Form .formContent{
	min-height: 400px;
}
.t2Form p{
	line-height: 120%;
	margin-bottom: 15px;
}
.t2Form .w100p{
	width: 100%;
}
.t2Form .mb5{
	margin-bottom: 5px;
}
.t2Form h1{
	border-bottom:3px solid #0f0f0f;
	font-size:32px;
	padding-bottom:5px;
	margin-bottom: 20px;
}
.t2Form h1 a{
	color: #808080;
	text-decoration: none;
}
.t2Form h1 a:hover{
	text-decoration: underline;
	color: #0f0f0f;
}
.t2Form h1 a.active{
	color: #0f0f0f;
	cursor: default;
}
.t2Form h1 a.active:hover{
	text-decoration: none;
}
.t2Form h2{
	font-size:20px;
	margin-bottom: 10px;
}
.t2Form h3{
	font-size:14px;
}
.t2Form label{
	font-weight: bold;
}
.t2Form label.req:after{
	content: "*";
	margin:0 5px;
	color: red;
}
.t2Form label.error{
	font-weight: normal;
	color: red;
	display: block;
	font-size: 90%;
}
.t2Form dl{
	padding: 0 0 5px 0;
}
.t2Form dl dt{
	display: block;
}
.t2Form dl dd{
	display: block;
}
.t2Form dl.buttons{
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 0;
	width: auto !important;
}
.t2Form dl.buttons dt{
	float: left;
	width: 150px;
}
.t2Form dl.buttons dd{
	float: right;
	padding-top: 20px;
}
.t2Form dl.buttons dd .t2BtnBlack{
	margin-left: 20px;
}
.t2Form.login dl{
	margin: 0 auto;
	width: 200px;
}
.columns{
	overflow: hidden;
}
.columns .floatLeft{
	float: left;
	margin-right: 30px;
	width: 190px;
}
.columns .floatLeft.last{
	width: 345px;
	margin-right: 0;
}
.t2Form .columns2{
}
.t2Form .columns2 .floatLeft{
	width: 45%;
	border-right: solid 1px #0f0f0f;
}
.t2Form .columns2 .floatLeft.last{
	border: none;
	width: 50%;
}
.t2Form .columns2 dl{
	overflow: hidden;
}
.t2Form .columns2 dl dt{
	display: block;
	margin-right: 200px;
	padding-top: 15px;
	padding-left: 10px;
}
.t2Form dl.t2Checkbox dd {
	padding-top: 5px;
}
.t2Form dl.t2Checkbox dd .t2Checkbox {
	margin-top:-4px;
}
.t2Form dl.t2Checkbox dt {
	padding-top: 5px;
}

.t2Form .columns2 dl dd{
	display: block;
	margin-right: 10px;
	float: right;
	width: 190px;
}
.t2Form .columns2 .col3 dl dt,
.t2Form .columns2 .col3 dl dd{
	width: 115px;
	margin-right: 10px;
	padding-left:0;
	float: left;
}
.t2Form .columns2 .col3 dl dd.last{
	margin-right: 0;
	width: 145px;
}
.t2Form .columns2 .col3 dl dd.last .t2BtnBlack {
	float: left;
	margin-left: 10px;
	margin-top: 8px;
}
.t2Form .columns2 .col3 dl dd .t2Dropdown{
    width:110px;
    float: left;
}
.t2Form .columns2 .col3 dl dd .t2Dropdown select {
    width:110px;
}
.t2Form .columns2 .col3 dl dd .t2Dropdown .sec {
    width:110px;
    background-position:110px -417px;
}
.t2Form .columns2 .col3 dl dd .t2Dropdown span {
	width:60px;
}
.addRemove dl .add,
.addRemove dl .remove{
	font-size:14px;
    font-weight:700;
}
.addRemove dl .remove{
	display: none;
}
.addRemove dl.remove .remove{
	display: block;
	padding-left: 6px;
	padding-right: 7px;
}
.addRemove dl.remove .add{
	display: none;
}
table.table{
	border-collapse: collapse;
	border: none;
	width: 100%;
	border-bottom: solid 1px #000000;
}
.tableFields{
}
table.table th, table.table td{
	
	text-align: left;
	font-weight: normal;
}
table.table th{
	font-weight: bold;
	padding: 10px 20px 10px 5px;
	background: #000000;
	color:#ffffff;
}
table.table.tableFields th{
	font-weight: normal;
	padding: 0 20px 5px 0;
	background: none;
	color:#0F0F0F;
}
table.table tbody tr td{
	padding: 10px 20px 10px 5px;
	background: lightgray;
}
table.table tfoot tr td{
	padding: 10px 20px 10px 5px;
	background: #000000;
	color:#ffffff;
	font-weight:bold;
}
table.table tbody tr.odd td{
	background: none;
}
table.table .lastCol{
	width: 60px;
}
table.table .lastRow th, table.table table .lastRow td{
	border-bottom: solid 1px #000000;
}
table.table .t2Input.dateField{
	width: 70px;
}
table.table .t2Input.timeField{
	width: 40px;
}
.t2Popup {
	display: block;
	background: #fff;
	border: solid 5px #0f0f0f;
	width: 600px;
	padding: 20px;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 999;
	margin-left: -320px;
}
p.error{
	color: #FF0000;
}