@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	height:100%;
    font-family:'museo-sans', Sans-Serif;
	font-size:0.9em;
	overflow-x:hidden;
	height:100%;
	background-color:#1c1c1c;
}

html {
	height:100%;
}

a, a:link, a:visited {
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}

h1 {
	font-size:140%;
    font-weight:normal;
    letter-spacing:-1.5px;
}

h2 {
	font-size:120%;
}

h3 {
	font-size:110%;
}
h4 {
	font-size:105%;
}

a:hover {
	text-decoration:underline;
}

#main {
	width:auto;
	margin:0;
	min-height:0;
	background:#fff;
	border-top:1px solid #000;
	padding:0;
}


a img {
	border:0;
}

#logo {
	float:right;
}

#logo a 
{
    text-indent:-9999px;
    display:block;
}
#content {
	width:1280px;
	background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    padding: 0 0 50px;
	margin-top:25px;
	min-height:350px;

}
#content.wide 
{
    width:1280px;
}
.clearMaster 
{
	clear:both;
}


#header {
    width:100%;
    height:50px;
}

#innerHeader 
{
    width:1280px;
    margin-left:auto;
    margin-right:auto;
}


#topMenu 
{
	display:inline;
	float:left;
	color:#000000;
	height:45px;
	font-size:12px;
	position:relative;
	width:100%;
	/*background-color:#ffee00; - Set in unique style*/
}

#innerTopMenu 
{
    
    padding-left:20px;
    padding-right:15px;
    
	height:12px;
	float:left;
	padding-top:17px;
	padding-bottom:18px;
	display:inline;
}





.WorkflowActionPanel
{

}

fieldset {
	border-style:solid;
	border-width:thin;
}


.buttonInActive
{
	-moz-box-shadow:inset 0px 1px 0px 0px #f0f0f0 !Important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0f0f0 !Important;
	box-shadow:inset 0px 1px 0px 0px #f0f0f0 !Important;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #c7c7c7) ) !Important;
	background:-moz-linear-gradient( center top, #ffffff 5%, #c7c7c7 100% ) !Important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c7c7c7') !Important;
	border:1px solid #c7c7c7 !Important;
	text-shadow:1px 1px 0px #e2e2e2 !Important;
	color:#7b7b7b;
	cursor:default !Important;
}
.buttonInActive:hover
{
    background-color:#c7c7c7 !Important;
}

.buttonsmall {
	font-size:12px !important;
	padding:3px 3px !important;
}


.big {
	width:220px;
	height:42px;
	padding:10px 0;
}

.medium {
	width:130px;
	height:42px;
	padding:10px 0;
}
.small 
{
    width:75px;
    height:30px;
    padding:4px 0;
}
.small.wide 
{
    width:130px;
}
.tiny 
{
    width:65px;
    height:25px;
    padding:5px 0;
}
.addBtn 
{
	width:50px;
	font-size:13px;
	padding:0;
	margin:0;
	height:20px;
	cursor:pointer;
	color:#fff;
	border:0;
	text-decoration:underline;
	position:relative;
	top:1px;
}
.ajaxLoaderBtn 
{
    display:none;
    position:relative;
    left:-22px;
    top:2px;
}
.ajaxPayout 
{
    left:-30px;
}
.onOffBtn 
{
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:70px;
    height:21px;
    position:relative;
}
.onOffBtn span 
{
    position:absolute;
    top:3px;
    left:0;
    width:38px;
    text-align:center;
    font-family:Arial;
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
}
.onOffBtn div 
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
}
.off 
{
    background-position:0px -21px !important;
}
.off span 
{
    left:31px !important;
}

.overlay 
{
	width:560px;
	height:430px;
	padding:25px;
	background:url(gfx/overlay-bg.png) no-repeat;
	display:none;
	z-index:1000;
	color:#fff;
	position:absolute;
}

.overlay .close {
	background-image:url(gfx/overlay-close.png);
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	height:25px;
	width:24px;
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #9e9e9e;
    background-color: #efefef;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #9e9e9e;
    color: white;
    background-color: #dfdfdf;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #f5f5f5;
    border: 1px dashed #9e9e9e;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

#trailimageid
{
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  z-index: 200;
}

#footer 
{
    background-color: #1c1c1c;
}
#footerBorderBox 
{
    width:1280px;
    padding-top: 20px;
    margin-left:auto;
    margin-right:auto;
}
#footerPosition
{
    /*
    margin-left:20px;
    margin-right:20px;
    */
}
#innerFooter 
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:25px;
	color:#fff;
	font-size:12px;
	position:relative;
	/*
	left �r (200px - bredden p� l�ngsta texten i sista menyn) / 2
	*/
	left:67px;
}

#errorMsg
{
    color:#fff;
}



.modalBackground
{
  background-color: #9e9e9e;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.modalPopup {
  background-color: #ffffff;
  border-width:3px;
  border-style:solid;
  border-color: #ffee00;
  padding:3px;
  width:500px;
}


.notificationMsgBox
{
    background-color:#ffc6c6; 
    border-style: dotted; 
    border-width:thin; 
    padding:5px;
}


ul {
    margin-left:-20px;
    list-style:square;
} 


/* 
* Scroll top link inside footer, 
* but fixed relative to viewport
*/
#footer #scroll-top {
	position:fixed; 
	/* On top of everything */
	z-index:9999; 
	bottom:0;
	right:0;
	margin:0.9em;
	display:inline-block;
	padding:0.15em 0.5em;
	border-radius:3px;
	color:#fafafa;
	text-decoration:none;
	border:1px solid transparent;
	background:#999999;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* 
* Up Arrow for the scroll top link 
*/
#footer #scroll-top:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-left:0.35em;
	width: 0;
	height: 0;
	border-left: 0.3em solid transparent;
	border-right:  0.3em solid transparent;
	border-bottom:  0.3em solid #fefefe;
}



/* Classic Style */
div.domTTClassic {
	border: 1px solid black;
	background-color: #f6f6f6;
}
div.domTTClassic .caption {
	font-family: serif;
	font-size: 13px;
	_font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 1px 2px;
}
div.domTTClassic .contents {
	color: InfoText;
	font-size: 13px;
	_font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 1px 2px;
	_padding-bottom: 0;
}


/* 
* When the viewport is 55em 
* (15em wider than the 40em 
* max-width for #content ) 
* it gets a static postion to not 
* overlap the content area 
*/
@media screen and (max-width: 55em) {
	#footer #scroll-top {
		float:right;
		position:static;
		margin:0;
	}
}