body
{
    margin:0px;
    text-align:left;
    background: white url(http://www.ts.se/TSWT/Images/bg-header-grad.gif) repeat-x scroll top;
    font-size: 10px;
	font-family: Verdana;
}

.branding
{
    margin:auto;
    width:920px;
    height:85px;
    border:solid 0px red;
    text-align:left;
    padding-top:2px;
    background: transparent url(http://www.ts.se/TSWT/Images/ts4rutor.gif) no-repeat scroll top right;
}

.content
{   
    margin:auto;
    width:920px;
    border:solid 0px red;
    height:480px;
}

.navigation
{
	padding:0px; 
	vertical-align:top; 
	text-align:left; 
	border:solid 0px red; 
	font:10px verdana; 
	height:18px; width:100%
}

.footer
{   
    margin:auto;
    padding:10px 0px ;
    /*text-align:center;*/
    color:#989898;
    font-size:11px;
    font-weight:bold;
}

.tab
{
    position:absolute;
    padding-left:0px;/*35*/
    padding-bottom:6px;
    padding-top:12px;
    float:left;
    border:solid 0px black;
    height:67px;
}

/*******************************************************
** PRINTING
********************************************************/

@media print
{
	.navigation
	{
		display:none;	
	}
		
}

/*******************************************************
** HYPERLINKS
********************************************************/

a:link, a:active, a:visited 
{
	font-size: 10px;
	color: #0084A8;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.link-disabled, alink-disabled:link, a.link-disabled:hover, a.link-disabled:active, a.link-disabled:visited
{
	color:Gray;
	text-decoration: none;
}

a.link-narrow:link, a.link-narrow:active, a.link-narrow:visited
{
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Serif;
	text-decoration: none;
	font-weight: normal;
}

a.link-narrow:hover
{
	text-decoration: underline;
}

a.link-strong:link, a.link-strong:active, a.link-strong:visited
{
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Serif;
	text-decoration: none;
	font-weight: bold;
	
}

a.link-strong:hover
{
	text-decoration: underline;
}

a.link-inconspicuous:link, a.link-inconspicuous:visited
{
	color:#0084A8;
	font-weight:normal;
	text-decoration:none;
}
a.link-inconspicuous:hover, a.link-inconspicuous:active
{
	text-decoration:underline;
}

a.link-footer:link, a.link-footer:visited
{
	font-size:11px;
	color: #989898;
	text-decoration:none;
	font-weight:bold;

}
a.link-footer:hover
{
	font-size:11px;
	color: #989898;
	text-decoration:underline;
	font-weight:bold;
}


/*******************************************************
** STANDARD ELEMENTS
********************************************************/

input, select
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:9px;
}


h1
{	font-size: 20px;
	font-family:  Tahoma, sans-serif;
	font-weight: bold;
	color: #808080;
	display:inline;
	/*letter-spacing:1px;*/
}

h2
{ 
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	color: #6D6D6D;
	
	display:inline;
}

h3
{
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	/*color: #989898;*/
	color: #000000;
	display:inline;
}

td
{
	font-size: 10px;
	font-family: Verdana;
}

/*******************************************************
** INPUT
********************************************************/

.input-textarea
{
	font-size: 9px;
	font-family: Verdana, Arial;
	width: 300px;
	height: 50px;
}

.textarea
{
	font-size: 9px;
	font-family: Verdana, Arial;
	
}

.input-large
{
	font-size: 9px;
	font-family: Verdana, Arial;
	width: 200px;
}

.input-medium
{
	font-size: 9px;
	font-family: Verdana, Arial;
	width: 100px;
}

.input-small
{
	font-size: 9px;
	font-family: Verdana, Arial;
	width: 50px;
}

.input-button
{
	font-size: 9px;
	font-family: Verdana, Arial;
}

/*******************************************************
** BACKGROUND COLORS (for grids and tables)
********************************************************/

.backcolor-1
{
	background-color: #FFFFFF;
	
}

tr.backcolor-1:hover
{
	background-color: #9FC3D5;
	/*cursor:pointer;*/
 }

.backcolor-2
{
	background-color: #e5e5e5;
	
}

tr.backcolor-2:hover
{
	background-color: #9FC3D5;
/*	cursor:pointer;*/
}

.backcolor-odd
{
	background-color: #DDDDDD;
}

.backcolor-header
{
	background-color: #dcdbdc;
	font-weight:bold;
}

.backcolor-header-1
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 20px;
}

.backcolor-header-2
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 20px;
}

.backcolor-header-3
{
	background-color: #3D3D3D;
	/*background-color: #89867E;*/
	color: #FFFFFF;
	font-weight:bold;
	font-size:10px;
	height: 15px;	
}

/*******************************************************
** LABELS
********************************************************/

.label-strong
{
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
}

.label-grid
{
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	text-align: right;
}

.label-title
{
	font-family: Tahoma, sans-serif;
	font-size: 18px;
	color: #808080; /*4D4E53*/
	font-weight: bold; 
	text-align: left;
}

.label-code
{
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #808080; 
	font-weight: bold; 
	text-align: left;
}

.label-ingress
{
	font-size: 11px;
	padding-top: 10px;
    padding-bottom: 10px;
    color: #434343;
    font-weight:bold;
}

/*******************************************************
** ROUNDED CORNERS
********************************************************/

div.rounded
{
	background: #eeeedd url(../Images/horntv.gif) no-repeat top left;
	display:inline-block;
}

div.rounded div
{
	background: transparent url(../Images/hornth.gif) no-repeat top right;
}

div.rounded div div
{
	background: transparent url(../Images/hornbv.gif) no-repeat bottom left ;
}

div.rounded div div div
{
	background: transparent url(../Images/hornbh.gif) no-repeat bottom right;
	padding:10px;
}

div.rounded div div div div
{
	background: transparent;
}

/*******************************************************
** PRICELIST (should be re-done)
********************************************************/

.bg1
{
	background-color: #3D3D3D;
	/*background-color: #89867E;*/
	color: #FFFFFF;
	font-weight:bold;
	font-size:10px;
	height: 15px;
}

.bg2
{
	background-color: #89867E;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 15px;
}

.bg3
{
	background-color: #9C9991;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 15px;
}

.bg4
{
	background-color: #B1ADA6;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 15px;
}

.bg5
{
	background-color: #D4CFC8;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 15px;
}

.bg6
{
	background-color: #D4CFC8;
	color: #000000;
	font-weight:bold;
	font-size:10px;
	height: 15px;
    vertical-align:middle;
}


/*BUTTON CSS*/



div.box-button-standard
{
	border-style: solid;
    border-color: #000000;
    border-width: 1px;
    height:100%;
  	width:150px;
}

div.box-button-standard div
{
	
    padding-left: 7px;
    padding-right: 7px;
    padding-top:5px;
    padding-bottom:5px;
    background-color: #598497;
    border-style: solid;
    border-bottom-color: #295467;
    border-right-color: #3b6679;
    border-left-color: #7ea9bc;
    border-top-color: #a5d0e3;
    border-width:thin;
    border-top-width: 1px;
    border-left-width: 1px;
}
div.box-button-standard div:hover 
{
	background-color:#7a9dac;
	
}
div.box-button-standard a
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

div.box-button-standard input
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background-color:Transparent;
	border-width:0px;
	cursor:pointer;
	padding:5px;
}

div.tooltip
{
	position:absolute;
	visibility:hidden;
	width:200px;
	padding:10px;
	display:inline;
	background-color: #e5e5e5;
	border:solid 1px black;
}


.table-searchbrowse a
{
	padding:1px;
	display:block;
	width:100%;	
}

.table-searchbrowse a:hover
{
	display:block;
	width:100%;	
	background-color:#76B9C9;
}

div.box-button-standard
{
	border-style: solid;
    border-color: #000000;
    border-width: 1px;
    height:100%;
  	/*width:150px;*/
	}

div.box-button-standard div
{
	padding:0px;
  /*padding-left: 7px;
    padding-right: 7px;
    padding-top:5px;
    padding-bottom:5px;*/
    background-color: #EDB008;
    border-style: solid;
    border-bottom-color: #865201;
    border-right-color: #a66601;
    border-left-color: #ffb540;
    border-top-color: #ffedcf;
    border-width:thin;
    border-top-width: 1px;
    border-left-width: 1px;
}
div.box-button-standard div:hover 
{
	background-color:#a66601;
}
div.box-button-standard a
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size:11px;
}


/***********************************************************
* MultiSelectionControl
***********************************************************/


#controlbar
{
	width:948px;
	margin:auto;
	text-align:right;
	padding-top:3px;
	height:20px;
}

.content-box-settings
{
	font-size:10px;
	font-family:Verdana;
	border-bottom:2px solid #777777;
	width:739px;
}

.datalist-source
{
	padding:1px px 0px 3px;
	padding-left:5px;
	text-indent:-5px;
	white-space:normal;
}
	
.datalist-source a, .datalist-source a:link, .datalist-source a:visited, .datalist-source a :active
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	color:black;
	cursor:pointer;
	text-decoration:none;
	font-weight:normal;
}
.datalist-source a:hover
{
	text-decoration:underline;
}

.datalist-selection
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:black;		
	padding-left:20px;
	vertical-align:top;
	width:220px;

}

.datalist-selection-item
{
	width:220px;
}

.datalist-selection-bullet
{
	
}

.selection-search-box
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	color:#6d6c6c;
	padding:2px;
}

.selection-bar
{
	font-family: Arial, Serif;
	font-size:11px;
	color:#7a7a7a;
	vertical-align:top;
	text-align:right;
	height:22px;
	margin-top:2px;
	overflow:visible; 
	position:relative;
	padding:0px;
}

.selection-bar-label
{
	font-weight:bold;
	font-size:12px;
}

span.hover
{
	background-color:#ffffcc;	
}

.selection-bar-dropdown
{
	color:black;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	border: solid 1px #7C7C7C;
	background-color:White;
	padding:1px 1px 1px 5px;
}

.selection-dropdown
{
	border:outset 1px black;	
	background-color:White;
	width:150px;
	position:absolute;
	z-index:990;
	padding:0px;
}

.selection-list, .selection-list a
{
	width:100%;
	text-align:left;
	font-size:11px;
	font-family:Arial, Sans-Serif;
	color:Black;	
	text-decoration:none;
	overflow:hidden;
}

a.selection-button:link, a.selection-button:hover, a.selection-button:active, a.selection-button:visited
{
	color:white;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	border: solid 1px black;
	background-color:#7C7C7C;
	padding:3px 6px;
	text-decoration:none;
	margin:1px;
}

button.selection-button
{
	color:white;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	border: solid 1px black;
	background-color:#7C7C7C;
	padding:3px 6px;
	text-decoration:none;
	margin:1px;
}
/*
a:link, a:hover, a:active, a:visited
{
	color:#5875AB;	
	text-decoration:none;
}*/

.button-show
{
	width:70px;
	height:40px;
	font-weight:bold;
	font-family:Arial, Verdana, Sans-serif;
	font-size:12px;
	border: solid 1px #C6D3D5;
	background-color:White;
	color:#4F6EA6;
}

.selection-list-item, .selection-list-item a
{
	padding:1px 0px 1px 3px;
	display:block;
}

.selection-list-item:hover , .selection-list-item-hot
{
	background-color:#ABB8D0;	
}


.selection-list-item-footer
{
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:black;
	color:blue;
}

.input-button
{
	height:24px;
	font-weight:normal;
	font-family:Arial, Verdana, Sans-serif;
	font-size:11px;
	/*background-color: #5875AB; */
	color: Black;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #696969;
	border-width: 1px;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
}

.input-dropdown
{
	font-family:Arial, Verdana, Sans-serif;
	font-size:11px;
	border:outset 1px black;	
	background-color:White;
	width:75px;
	position:relative;
	z-index:10;
	padding:0px;
}

/*
a:link
{
	color:#5875AB;
	text-decoration:none;
}
*/

.hover:hover, .hover:active
{
	text-decoration:underline;
}

.error-box
{
	border:solid 1px #5875AB; 
	background-color:white;
	padding:5px 25px; 
	text-align:center;
	color:red; 
}

.info-box
{
	border:solid 1px #5875AB; 
	background-color:white;
	padding:5px 25px; 
	text-align:center;
	color:black; 
}

.background-dim
{
	background-color:white;
	filter:alpha(opacity=75); 
	opacity:.75;
	mozOpacity:.75;
}

.input-text-inactive
{
	border-color:transparent; 
	background-color:transparent;
	
	/*set an unused color to be index color*/
	_border-color:tomato; /*For IE6-*/
	/*then remove this indexed color*/
	_filter:chroma(color=tomato);/*For IE6-*/
	color:inherit;
	font-weight:inherit;
}

.input-text-inactive-ie
{
	border-color:transparent; 
	background-color:transparent;
	
	/*set an unused color to be index color*/
	_border-color:tomato; /*For IE6-*/
	/*then remove this indexed color*/
	_filter:chroma(color=tomato);/*For IE6-*/
	color:white;
	font-weight:inherit;
}

.input-text-active
{
	border-color:gray; 
	background-color:white;
	color:black;
	font-weight:inherit;
}



/*****************************************
* new media selection
*****************************************/

.filter-items, .category-items
{
    position:absolute; 
    display:none; 
    background-color:white; 
    width:370px;
    padding:5px 10px;
    border:solid 1px black;
}

.filter-items div, .category-items div
{
    margin-left:20px;
}

.filter-items h3, .category-items h3
{
    margin:0px;
    display:block; 
    border:solid 0px black;
    padding:2px 5px;
    background-color:#CDE8EF;
    height:13px;
}

.filter-items h2 a, .category-items h2 a
{
    font-size:11px;
    color:black;	
}

.filter-items td a, .category-items td a
{
    font-weight:normal;
    color:black;	
}

 .filter-items h3 a, .category-items h3 a
{
    font-weight:bold;	
}

.filter-items td > a:hover, .category-items td > a:hover
{
    text-decoration:underline;	
}

.helptext
{
    color:#6d6c6c;
}

.searchbox
{
    width:164px;
    font-size:11px;
    border:solid 1px black;
}


.coverage-tablist tr td div
{
	border:solid 1px gray;
	border-bottom-width:0px;
	font-size:14px;
	font-weight:bold;
	padding:10px 20px;
	display:inline;
	margin:10px;
}

tr.bg:hover{background-color: #9FC3D5;}

.hline {
border-bottom:1px solid #F9F9F9;
border-top:1px solid #D4D3D3;
clear:both;
margin-bottom:10px;
margin-top:5px;
}

.shadow-sep {
background:transparent url(/TSWT/Images/shadow-sep.png) no-repeat scroll 0 0;
height:57px;
/*width:960px;*/
width:100%;
}

.input-button-hyperlink
{
	background-color:Transparent;
	border-width:0px;
	font-size: 10px;
	color: #0084A8;
	font-family: Verdana;
	font-weight: bold;
	cursor:pointer;
	padding:0px;
	margin:0px;
	/*width:100px;*/
}
.background-modal
{
	background-color: white;
	opacity: 0.7;
	filter: alpha(opacity=70);
}