﻿body
{
	background-color: #fff;
	margin: 0;
	padding: 0;
}
.CompanyTable .level
{
	width: 133px;
}
#wrapper
{
	width: 865px;
	margin: 0 auto;
	background-image: url(img/contentBg.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}

.buttonContainer input
{
	float:right;
}

.buttonContainer
{
	display:block;
	height: 30px;
}

h4.header
{
	font-weight: bold;
	margin: 5px;
	margin-bottom: 10px;
	font-size: 11px;
}

div.fields
{
	padding: 10px 10px 10px 0;
}

div.fields label {
	float: left;
	width: 140px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 4px;
}

div.fields input, div.fields select{
	width: 170px;
	margin-bottom: 5px;
}

div.fields input
{
	width: 164px;
}

div.fields br {
	clear: left;
}

a.hide
{
	color: #000;
	text-decoration: none;
}

.greyed
{
	font-size: 1em;
	color: #7f7f7f;
}

.date
{
	font-size: 1em;
	color: #7f7f7f;
}

div.byFooter
{
	margin-top: 4px;
}

/*** News ***/
#News
{
	margin-top: 20px;
}

/*** Head ***/

#head
{
	background-image: url(img/headBg.jpg);
	padding-top: 30px;
	background-repeat: no-repeat;
}

#Top
{
	height: 80px;
}

#logo
{
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 69px;
	display: block;
	margin-left: 22px;
	float: left;
}

.HeadText
{
	margin-top: 17px;
	float: left;
}

/*** Mainmenu ***/
#MainmenuWrapper
{
	height: 30px;
	border: #348861 1px solid;
	border-width: 1px 0;
	width: 836px;
	margin-left: 8px;
}

/*** Box ***/
.Box
{
	margin-top: 15px;
	width: 182px;
	background-image: url(img/BoxTop.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	position: relative;
}

.BoxInner
{
	background-image: url(img/BoxMiddle.jpg);
	width: 182px;
}

.BoxBottom
{
	width: 182px;
	height: 5px;
	background-image: url(img/BoxBottom.jpg);
}

.Box .cp
{
	padding: 5px 15px;
}

.external
{
	height: 10px;
	width: 10px;
	background-image: url(img/external.jpg);
	top:8px;
	right: 9px;
	position: absolute;
}

/*** Columns ***/

#Content
{
	margin: 10px 0 10px 8px;
}

#LeftColumn
{
	width: 182px;
	float: left;
}

#MiddleColumn
{
	float: left;
	width: 425px;
	margin: 20px 0 0 25px;
}

#RightColumn
{
	float: left;
	width: 183px;
	margin-left: 19px;
}

#LeftSubColumn 
{
	width: 240px;
	float: left;
}

#RightSubColumn 
{
	margin-left: 10px;
	width: 175px;
	float: left;
}


/*** DocumentSearch ***/
#DocumentSearch
{
	text-align: center;
	padding: 4px 0;
}

#DocumentSearch .query
{
	background-image: url(img/searchInput.jpg);
	width: 106px;
	height: 16px;
	border: 0;
	font-size: 10px;
	padding: 4px 0 0 4px;
}

#DocumentSearch .button
{
	font-size: 11px;
	font-family: Arial;
}

/*** Login ***/
#login
{
	padding: 5px 15px;
}

#login .LoginField
{
	margin-top: 10px;
}

.LoginField label
{
	margin-top: 5px;
	font-family: Verdana;
	font-size: 0.9090em;
}

#login label input
{
	width: 150px;
}

.rememberMe
{
	margin-top: 10px;
}

.rememberMe input
{
	float: left;
}

.rememberMe label
{
	float: left;
	display: block;
	width: 100px;
	margin-left: 5px;
}

#login .done
{
	margin-top: 10px;
}

#login .done input
{
	padding: 0;
	font-size: 11px;
	font-family: Arial;
	margin-left: 1px;
}

/*** Inloggad ***/
#Inloggad
{
	font-family: Verdana;
	padding: 5px 10px 5px 15px;
}

#Inloggad h2
{
	float: left;
}

#Inloggad .button
{
	float: right;
}

#Inloggad .edit
{
	margin-top: 5px;
	color: #666;
}


/*** DocumentService ***/
.ListContainer
{
	font-family: Verdana;
	text-align: right;
}

.List
{
	list-style: none none;
	text-align: left;
}

.List li
{
	margin-bottom: 10px;
}

.List .title
{
	font-weight: bold;
}

/*** FindCompanyBox ***/

#FindCompanyBox select
{
	width: 152px;
	margin-top: 10px;
}

#FindCompanyBox input
{
	font-size: 11px;
	font-family: Arial;
	float: right;
	margin-top: 5px;
}


/*** Startpage.aspx ***/

#MiddleColumnStart
{
	float: left;
	width: 425px;
	margin-left: 25px;
}

/*** News ***/

#News
{
	margin-top: 10px;
	border-top: #749e8b 1px solid;
}

#News li
{
	padding: 4px 0;
	margin: 0;
	border-bottom: #749e8b 1px solid;
}

.bignews 
{
	cursor: pointer;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #A6A6A6;
	list-style: none none;
}

.bignews li 
{
}

/*** Company.aspx ***/

.relation
{
	float: left;
	width: 210px;
	margin: 10px 0;
}

/*** Region/Bransch lista ***/

.CompanyTableTop
{
	background: #ededed;
	font-weight: bold;
	margin-top: 10px;
}

.CompanyTable
{
	border-bottom: 1px solid #ededed;
	width: 100%;
}

.CompanyTable th, .CompanyTable td, .CompanyTableTop
{
	height: 23px;
	line-height: 23px;
	padding-left: 5px;
	text-align: left;
}

.CompanyTable td
{
	border-top: 1px solid #ededed;
}

.CompanyTable th a 
{
	text-decoration: none;
	color: #333;
}

/*** Search ***/

#SearchContainer 
{
	margin-top: 5px;
	background-color: #ededed;
	padding: 5px 5px 10px;
}

#SearchContainer .header
{
	font-weight: bold;
	padding: 5px;
}

#SearchContainer .regioner 
{
	width: 300px;
	margin: 0 15px 15px;
}

#SearchContainer .branscher
{
	list-style: none none;
}

#SearchContainer .branscher li 
{
	width: 207px;
	float: left;
	height: 22px;
	line-height: 22px;
}

#SearchContainer .branscher li input 
{
	margin-right: 5px;
}

#SearchContainer .button
{
	float: right;
}

#SearchResult 
{
	margin-top: 25px;
}

#SearchResult h3 
{
	font-family: Arial;
	font-size: 1.6363em;
	font-weight: normal;
	color: #016A3A;
}

/*** Foot ***/
#FootImage
{
	background-image: url(/UserFiles/Generella-bilder/botten.gif);
	height: 100px;
	width: 837px;
}

#foot
{
	margin-left: 8px;
}

#webdoc
{
	float: right;
}

/***  CompanyAdmin    ***/
#companyAdmin 
{
	padding: 10px;
}

div.textRight
{
	display: block;
	text-align: right;
}

div.textLeft
{
	display: block;
	text-align: left;
}

#companyAdmin .buttonContainer
{
	padding-right:87px;
}

#companyAdmin textarea
{
	width: 200px;
	height: 130px;
}

#companyAdmin div.columnContainer
{
	overflow: auto;
	margin: 10px 10px 10px 0;
}

#companyAdmin div.leftColumn
{
	float:left;
	width: 220px;
}

#companyAdmin div.rightColumn
{
	float: left;
}

#RightSubColumn .header
{
	font-weight: bold;
}

/*** CompanyInfo ***/

#CompanyInfo
{
	overflow: auto;
}

#companyInfo #RightSubColumn img
{
	margin-bottom: 10px;
}

#companyInfo ul li
{
	list-style-type: none;
}

#companyInfo ul
{
	list-style-position: inside;
	margin: 2px 0 10px 1px;
}


#companyUsers #newUser, .newPassword, #forgottenPassword, #myInfo
{
	background-color: #ededed;
	width: 350px;
	padding: 10px;
	padding-top: 0;
}

#companyUsers table, #myCompanies table
{
	width: 370px;
	margin-bottom: 20px;
	border-spacing:0;
	border: none;
}

#companyUsers td, #myCompanies td
{
	padding: 2px 2px 3px 2px;
}

#companyUsers th
{
	padding: 5px 5px 5px 5px;
}

#myCompanies table th 
{
	padding: 5px 5px 5px 5px;
	text-align: left;
	background-color: #ededed;
}

#myCompanies table th a
{
	color: #000;
	text-decoration: none;
}

#companyUsers .fields label, .newPassword .fields label, #forgottenPassword .fields label, #myInfo .fields label
{
	font-weight: normal;
}

#companyUsers table thead
{
	background-color: #ededed;
	font-weight: bold;
	font-size: 1.1em;
	height: 20px;
	text-align: left;
}

.StatusLabel
{
	text-align: left;
	display: block;
	color: #FF0000;
	padding: 10px 10px 10px 0;
	margin-bottom: 15px;
}

.errors 
{
	padding: 0 0 10px 15px;
}

#forgottenPassword p 
{
	padding-top: 10px;
	margin: 10px;
}


/*** SearchDoc ***/

.DocumentContainer 
{
	list-style: none none;
}

.DocumentContainer li a
{
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-top: 10px;
	display: block;
	text-decoration: none;
	color: #333;
}

.DocumentContainer li a.np
{
	padding: 0;
	margin: 0;
	background-repeat: repeat;
	display: inline;
	text-decoration: underline;
	color: #3D4A9F;
}

.DocumentContainer .name 
{
	font-weight: bold;
}

.DocumentContainer .oups 
{
	height: 32px;
	width: 1px;
	float: left;
}

.DocumentContainer .doc 
{
	background-image: url(/Images/icons/32/doc.gif);
}
.DocumentContainer .pdf 
{
	background-image: url(/Images/icons/32/pdf.gif);
}
.DocumentContainer .xls 
{
	background-image: url(/Images/icons/32/xls.gif);
}
.DocumentContainer .zip 
{
	background-image: url(/Images/icons/32/zip.gif);
}
.DocumentContainer .jpg 
{
	background-image: url(/Images/icons/32/jpg.gif);
}
.DocumentContainer .gif 
{
	background-image: url(/Images/icons/32/gif.gif);
}
.DocumentContainer .eps 
{
	background-image: url(/Images/icons/32/eps.gif);
}
.DocumentContainer .default
{
	background-image: url(/Images/icons/32/default.icon.gif);
}

.Box h2 span, .Box h2
{
	background-color: #EDEDED;
}

span.error
{
	display: block;
	color: Red;
}

#branscher
{
	float: left;
	width: 210px;
}

#levels
{
	float: left;
	width: 170px;
}

.fileHandle
{
	cursor:pointer;
	float: right;
	color: #006A5F;
}
.Sucsess
{
    color:Green;
}


.filearchive
{
    list-style-type:none;
    margin:20px 0 0 0;
    padding:0px;
    width: 366px;
}

.filearchive li span.ico {
   background-image: url(http://wd7.se/i/icons/16.png);
   background-repeat: no-repeat;
   display: block;
   position: absolute;
   left: 0;
   width:16px;height:16px;
}
.filearchive li a {
    font-weight: normal;
    padding: 0 0 0 20px;
    position: relative;
    text-decoration: none;
    color: #CE6E07;
    font-size: 11px;
    width: 280px;
    display: block;
}
.filearchive li.dir
{
    margin-top: 20px;
    clear: both;
}
.filearchive li.dir > span > span.ico 
{
    background:none;
    display: none;
}
.filearchive li.dir > span
{
    color: #016A3A;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
}

.searchresult li.wd-res-file a
{
    display:block;
    height: 16px;
    padding-left: 20px;
    background-image: url(http://wd7.se/i/icons/16.png);
    background-repeat: no-repeat;
}
.f span.ico, .searchresult li.wd-res-file a {background-position: 0 -20px;}
.avi span.ico { background-position: 0 0; } 
.doc span.ico, .docx span.ico, .searchresult li.wd-docx a, .searchresult li.wd-doc a, .searchresult li.wd-rtf a { background-position: 0 -40px; } 
.exe span.ico { background-position: 0 -60px; } 
.gif span.ico { background-position: 0 -100px; } 
.jpg span.ico { background-position: 0 -120px; } 
.wav span.ico, .mp3 span.ico { background-position: 0 -140px; } 
.tif span.ico, .tiff span.ico, .png span.ico { background-position: 0 -160px; } 
.pptx span.ico, .ppt span.ico, .searchresult li.wd-ppt a { background-position: 0 -180px; } 
.txt span.ico, .searchresult li.wd-txt a { background-position: 0 -200px; } 
.xlsx span.ico,.xls span.ico, .searchresult li.wd-xls a, .searchresult li.wd-xlsx a { background-position: 0 -220px; } 
.rar span.ico, .zip span.ico { background-position: 0 -240px; } 
.pdf span.ico, .searchresult li.wd-pdf a { background-position: 0 -260px; } 
.filearchive li a
{
    cursor:pointer;
}
.filearchive li {
    padding: 0;
    margin: 0 0 5px 0;
    position: relative;
}

.filearchive li.dir
{
    height: auto;
}

.filearchive > li.open a, .filearchive > li.open > ul li.open a, .filearchive > li.open > ul li.open > ul .open > a, .filearchive > li.open > ul li.open > ul li.open > ul li.open a
{
   background-position: -1px -302px;
}
.filearchive li.open ul a, .filearchive li.open ul .open ul a, .filearchive li.open ul .open ul .open ul a, .filearchive li.open ul .open ul .open ul .open ul a
{
    background:none;
}
.filearchive li ul
{
    list-style-type:none;
    margin: 7px 0 11px 0;
    padding:0px;
}
.filearchive li.f
{
    position:relative;
    
}
.filearchive li.f:hover
{
    background-color:#f4f4f2;
}
.filearchive li.f .hdl 
{
    visibility:hidden;
    height: 17px;
    right: 0;
    position: absolute;
    width: 17px;
    z-index: 22;
}
.filearchive li.f:hover .hdl
{
    visibility:visible;
}
.filearchive li.f .tf-tools
{
    visibility:hidden;
    float: right;
    cursor:pointer;
}
.filearchive li.f:hover .tf-tools
{
    visibility:visible;
}
.filearchive li.filedrop
{
    margin-top:10px;
    background-color:#fbf8de;
    padding:7px;
    border:1px dashed #c6c6c6;
}
.filearchive li.f input
{
    margin-left:0px;
    margin-bottom:5px;
    width:60%;
}

.filearchive .date, .filearchive .size
{
    display: block;
    font-family: Verdana;
    font-size:10px;
    color:#333;
    margin-bottom: 3px;
}

.filearchive .finfo
{
    display: block;
    position: absolute;
    right: 0;
    top:0;
    width: 66px;
}

.fdesc
{
    display: block;
    margin-left: 20px;
    width: 280px;
}

#resultq
{
    display: none !important;
}
