/* Attributions and license information
 *******************************************************************/
/*
    This site uses PDF document icons created by Cristopher Townson (http://christopher.townson.biz/)
    licensed under the CCASA 2.0 (http://creativecommons.org/licenses/by-sa/2.0/).
    
    This site uses document icons created by Everaldo Coelho (http://www.everaldo.com/)
    licensed under the LGPL (http://www.gnu.org/copyleft/lgpl.html).
    
    This site uses document icons created by Ulisse Perusin, Steven Garrity, 
    Lapo Calamandrei, Ryan Collier,Rodney Dawes, Andreas Nilsson, 
    Tuomas Kuosmanen, Garrett LeSage, Jakub Steiner (http://tango.freedesktop.org/Tango_Icon_Library)
    licensed under the CCASA 2.0 (http://creativecommons.org/licenses/by-sa/2.0/).
    
    This site uses icons created by David Vignoni (http://icon-king.com/?p=15)
    licensed under the LGPL (http://www.gnu.org/copyleft/lgpl.html).
    
    This site uses icons created by Mark James (http://www.famfamfam.com/lab/icons/silk/)
    licensed under the CCASA 2.0 (http://creativecommons.org/licenses/by-sa/2.0/).
*/


/* Containers
********************************************************************/
html
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 18px;
    height: 100%;
    
    background-image: url('Images/wind.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #ffffff;
}

body.mceContentBody
{
    background-image: none;   
}


div#pageWrapper
{
    width: 920px;
    margin: 0 auto 0 auto;
    position: relative;
    background-image: url('Images/pageBackground.png');
    background-repeat: repeat-y;
    background-color: #ffffff;   
}


div#pageTopWrapper
{
    width: 920px;
    position: relative;
    background-image: url('Images/pageTopBackground.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-color: Transparent;     
}


div#pageBottomWrapper
{
    width: 900px;
    position: relative;
    padding: 0 10px 20px 10px;
    background-image: url('Images/pageBottomBackground.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: Transparent;
}


div#page
{
    width: 900px;
    margin: 0px auto 0px auto;
    padding: 0;
    position: relative;
    background-color: #ffffff;
}


div#header
{
    height: 90px;
    width: 900px;
    padding: 0 10px 0 10px;
    background-image: url('Images/headerBackground.png');
    background-repeat: no-repeat;
    background-color: #ffffff;
    position: relative;
}

div#footer
{
    margin: 0 auto 0 auto;
    height: 75px;
    background-color: #ecf5ff;
    border-top: 1px solid #92bdf1;
    padding: 25px 30px 0px 30px;
}

.floatContainer 
{
    height: 1%;
    overflow: hidden;
}

div.column
{
    float: left;
}

.fullWidth
{
    width: 900px;
}

.halfWidth
{
    width: 450px;
}

.thirdWidth
{
    width: 300px;
}

.twoThirdsWidth
{
    width: 600px;
}

.innerThirdWidth
{
    width: 260px;
}

.innerTwoThirdsWidth
{
    width: 560px;
}

.innerFullWidth
{
    width: 860px;
}

.floatLeft
{
    float: left;
    width: auto;
    display: inline;
}

.floatRight
{
    float: right;
    width: auto;
    display: inline;
}

div.columnTop 
{
    overflow: hidden;
    
    /* Fix "empty div" IE bug */
    line-height: 0;
    font-size: 1px;
}

div.columnContents
{
    padding: 20px 30px 30px 30px;
}

div#projectSideText,
div.sideTextWrapper
{
    position: relative;
    background-color: #ecf5ff;
    background-image: url('Images/blueCornerTopLeft.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 20px;
    margin-top: 30px;
}

div.sideText
{
    position: relative;
    background-color: #ecf5ff;
    background-image: url('Images/blueCornerBottomLeft.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0 20px 20px 20px;
}

div.formBox
{
    background-color: #ecf5ff; 
    padding: 10px; 
    border: 2px solid #c8dffb; 
    margin: 0px 0px 20px 0px;
}

div.imageFrame
{
    overflow: hidden;
    position: relative;
    background-color: #eeeeee;
    background-image: url('Images/stripe-pattern.gif');
}

ul.webImageList li div.imageFrame
{
    float: left;
    margin-right: 10px;
    display: inline;
}

div.childProject
{
    width: 145px;
    padding: 10px 5px 10px 10px; 
    border: 2px solid #92bdf1; 
    background-color: #ecf5ff; 
    position: relative; 
    margin: 0px 16px 16px 0px; 
}

div.note 
{
    background-color: #fffbee;
    border: 1px dashed #cabc87;
    padding: 10px;
}

div.projectImage
{
    padding: 11px;
    width: 140px;
    border: 1px solid #dddddd;
    margin: 0px 16px 16px 0px; 
}

div.newsImage
{
    padding: 10px;
    width: 218px;
    border: 1px solid #dddddd;
    margin: 0px 0px 15px 0px; 
}

div.mainProjectMap
{
    width: 100%; 
    height: 560px;
    
}

div.officeMap
{
    width: 100%;
    height: 410px;
}

div.newsEntrySummaryWrapper
{
    position: relative;
    background-color: #ecf5ff;
    background-image: url('Images/blueCornerTopRight.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 30px;
    margin-left: -30px;
}

div.newsEntrySummary 
{
    position: relative;
    background-color: #ecf5ff;
    background-image: url('Images/blueCornerBottomRight.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 0 30px 15px 30px;
}

div.jobPositionSummary
{
    padding: 20px 20px 5px 20px;
    background-color: #ecf5ff;
    margin: 0px -20px 15px -20px;
}

div.newsEntry
{
    padding: 15px;
}

div.pager
{
    width: 100%;
    text-align: center;
}

div.jobPosition
{
    padding: 15px;
}

div.positive
{
    border: 2px solid #04b500;
    padding: 10px;
    background-color: #edffed;
}

div.negative
{
    border: 2px solid #ff0000;
    padding: 10px;
    background-color: #ffeaea;
}

div.adminLanguageSelection
{
    margin-top: 20px;
    padding: 0px 30px 20px 30px;
    border-bottom: 1px dotted #aaaaaa;
    background-image: url('Images/languageGradient.png');
    background-repeat: repeat-x;
    background-position: bottom left;
}

div.publicLanguageSelection
{
    position: absolute;
    bottom: 16px;
    right: 30px;
    width: 100px;
    text-align: right;
}

div.subMenuWrapper
{
    background-color: #ecf5ff;
    background-image: url('Images/blueCornerTopLeft.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 20px;
    margin: 30px 0 30px 0;
}

div.subMenu
{
    background-color: #ecf5ff;
    background-image: url('Images/blueCornerBottomLeft.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0 20px 20px 20px;    
    color: #0d5499;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}



/* Headers
********************************************************************/
h1
{
    font-family: Calibri, Verdana, Sans-Serif;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 5px 30px 0px 30px;
    color: #004588;
}

h3
{
    font-family: Calibri, Verdana, Sans-Serif;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 20px 0px 10px 0px;
    padding: 0;
    color: #004588;
}

h6
{
    font-family: Calibri, Verdana, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 15px 0px 0px 0px;
    padding: 0;
}



ul.webImageList li h6,
ul.webLinkList li h6,
ul.webDocumentList li h6,
ul.projectOrderList li h6
{
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3em;
    text-transform: none;
    margin: 0;
}


/* Paragraphs and text
********************************************************************/
p
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 18px;
    margin: 0px 0px 20px 0px;
    padding: 0;
}

p#companySummary 
{
    position: absolute;
    top: 27px;
    right: 150px;
    width: 250px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
    color: #0051b5;
}

p.userStatus
{
    position: absolute;
    bottom: 10px;
    right: 30px;
    text-align: right;
    margin: 0;
}

div#footer p
{
    color: #000000;
    margin-bottom: 0px;
}

ul.webImageList li p 
{
    font-size: 10px;
    margin: 0;
}

div.sideText p 
{
    margin: 0;
}

div.childProject p
{
    font-size: 10px;
}

div.childProject p strong
{
    font-size: 10px;
}

div.note p
{
    font-size: 11px;
}

div.projectImage p,
div.newsImage p
{
    font-size: 10px;
    margin-bottom: 0;
    line-height: 14px;
}

div.newsEntrySummary p
{

}

div.jobPositionSummary p
{
    
}

p.intro
{
    font-weight: bold;
}


/* Lists
********************************************************************/
ul,
ol
{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 30px;
}

ul.webAlbumList
{
    list-style: none;
    margin: 0;
    padding: 0;  
    overflow: auto;
    height: 400px;
}

ul.webAlbumList li
{
    padding: 0;
    margin: 0;
}

ul.draftItemList,
ul.webImageList,
ul.webLinkList,
ul.webDocumentList,
ul.projectOrderList
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 2px solid #c8dffb; 
}

ul.draftItemList li,
ul.webImageList li,
ul.webLinkList li,
ul.webDocumentList li
{
    padding: 10px;
    overflow: hidden;
    margin: 0;
    height: 1%;
}

ul.projectOrderList li
{
    padding: 3px 10px 3px 10px;
    overflow: hidden;
    margin: 0;
    height: 1%;
}

ul.draftItemList li.regularItem,
ul.webImageList li.regularItem,
ul.webLinkList li.regularItem,
ul.webDocumentList li.regularItem,
ul.projectOrderList li.regularItem,
ul.webAlbumList li.regularItem
{
    background-color: #ffffff;
}

ul.draftItemList li.alternatingItem,
ul.webImageList li.alternatingItem,
ul.webLinkList li.alternatingItem,
ul.webDocumentList li.alternatingItem,
ul.projectOrderList li.alternatingItem,
ul.webAlbumList li.alternatingItem
{
    background-color: #e0eeff;
}

div.sideColumn ul
{
    padding: 0;
    list-style-type: none;
}

div.sideColumn ul li
{

}

ul.projectList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.projectList li
{
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    font-size: 11px;
    position: relative;
}

ul.projectList ul
{
    padding: 0px 0px 0px 20px;
    list-style-type: none;
    margin: 0;
}

ul.projectList ul li
{
    padding: 5px 0px 0px 0px;
}

ul.statusSymbolsExplanation
{
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 20px;
}

ul.statusSymbolsExplanation li
{
    font-size: 11px;
}

ul.subMenu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.adminSubMenu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Verdana, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;    
    text-align: right;
}

ul.adminSubMenu li
{

}

ul.newsletterList 
{

}


/* Links
********************************************************************/
a
{
    color: #528cd2;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a#logo 
{
    position: absolute;
    top: 30px;
    left: 34px;
    width: 300px;
    height: 52px;
}

a#logo:hover 
{
    text-decoration: none;
}

div.projectImage a
{

}

a.buttonAdminLanguage
{
    display: block;
    padding: 5px 5px 3px 25px;
    margin: 1px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

a.buttonAdminLanguage:hover
{
    border: 2px solid #cccccc;
    margin: 0;
    text-decoration: none;
}

div.adminLanguageSelection a.selected,
div.adminLanguageSelection a.selected:hover
{
    border: 2px solid #004588;
    margin: 0;
}

div.adminLanguageSelection a.swedish
{
    background-image: url('Images/flag_swedish.gif');
}

div.adminLanguageSelection a.english
{
    background-image: url('Images/flag_english.gif');
}

div.publicLanguageSelection a
{
    color: #0d5499;
}

div.publicLanguageSelection a:hover
{
    text-decoration: none;
}

a.logo1101
{
    display: block;
    width: 91px;
    height: 29px;
    position: absolute;
    top: 11px;
    right: 13px;
}


/* Images
********************************************************************/
a#logo img,
a.logo1101 img
{
    border: 0;
}

div.imageFrame img
{
    /*max-width: 100%;
    max-height: 100%;*/
    margin: 0;
    border: 0;
}

* html div.imageFrame img
{
    /*width: 100%;
    height: 100%;*/
}

div.projectImage a img,
div.newsImage a img
{
    /*width: 100%;*/
    border: 0;
}

div.footerLinks a 
{

}

div.footerLinks a:hover
{
    text-decoration: none;
}


/* Forms
********************************************************************/
form
{
    margin: 0;
    padding: 0;
}

div.validationSummary
{
    background-color: #ffeaea;
    border: 2px solid #ff0000;
    padding: 10px;
    font-family: Calibri, Verdana, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    clear: both;
}

div.validationSummary ul
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 17px;
    text-transform: none;
    margin: 0;
    padding: 0px 0px 0px 15px;
}

label
{
    
}

input.textBox
{
    border: 2px solid #92bdf1;
    background-color: #ecf5ff;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 17px;
    padding: 5px;
    margin: 0;
    width: 256px;
}

div.formBox input.textBox
{
    background-color: #ffffff;
}

textarea.textBox
{
    border: 2px solid #92bdf1;
    background-color: #ecf5ff;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 17px;
    padding: 5px;
    margin: 0;
    width: 256px;
    height: 200px;
}

span.checkBox input
{
    margin: 0px 3px 0px 0px;
}

span.checkBox label
{
    
}

span.radioButton input
{
    margin: 0px 3px 0px 0px;
    vertical-align: bottom;
}

span.radioButton label
{
    
}

select.dropDownList
{
    width: auto;
}

input.buttonNeutral
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 1em;
    font-weight: bold;
    width: 0;
    overflow: visible;
    padding: 1px 5px 1px 5px;
    background-color: #004588;
    color: #ffffff;
    border: 2px outset #004588;
}

input.buttonPositive
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 1em;
    font-weight: bold;
    width: 0;
    overflow: visible;
    padding: 1px 5px 1px 5px;
    background-color: #04b500;
    color: #ffffff;
    border: 2px outset #04b500;
}

input.buttonNegative
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 1em;
    font-weight: bold;
    width: 0;
    overflow: visible;
    padding: 1px 5px 1px 5px;
    background-color: #ff0000;
    color: #ffffff;
    border: 2px outset #ff0000;
}

input.buttonNegative[class],
input.buttonPositive[class],
input.buttonNeutral[class]
{  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

a.buttonTrash,
input.buttonTrash
{
    display: block;
    width: 11px;
    height: 13px;
    background-image: url('Images/trash.gif');
    border: none;
    margin: 0;
    padding: 0;
    background-color: Transparent;
    cursor: pointer;
}

a.buttonEdit,
input.buttonEdit
{
    display: block;
    width: 11px;
    height: 13px;
    background-image: url('Images/edit.gif');
    border: none;
    margin: 0;
    padding: 0;
    background-color: Transparent;
    cursor: pointer;
}

input.buttonMoveUp
{
    display: block;
    width: 11px;
    height: 13px;
    background-image: url('Images/move-up.gif');
    border: none;
    margin: 0;
    padding: 0;
    background-color: Transparent;
    cursor: pointer;
}

input.buttonMoveDown
{
    display: block;
    width: 11px;
    height: 13px;
    background-image: url('Images/move-down.gif');
    border: none;
    margin: 0;
    padding: 0;
    background-color: Transparent;
    cursor: pointer;
}

input.buttonCalendar
{
    width: 22px;
    height: 22px;
    font-size: 1px;
    line-height: 0;
    padding: 0;
    margin: 0;
    background-image: url('Images/calendar.gif');
    background-repeat: no-repeat;
    border: 0;
    background-color: Transparent;
    position: relative;
    bottom: 3px;
    cursor: pointer;
}

input.buttonBrowse
{
    width: 22px;
    height: 22px;
    font-size: 1px;
    line-height: 0;
    padding: 0;
    margin: 0;
    background-image: url('Images/folder.gif');
    background-repeat: no-repeat;
    border: 0;
    background-color: Transparent;
    position: relative;
    bottom: 3px;
    cursor: pointer;
}


/* Tables
********************************************************************/
div.ajax__calendar table,
table.noBorder
{
    border: 0;
}

table
{
    border: 2px solid #004588;
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    width: 100%;
}

table.innerTwoThirdsWidth
{
    width: 556px;
}

tr.headerRow th
{
    color: #ffffff;
    background-color: #004588;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}

tr.regularRow td
{
    padding: 5px;
    background-color: #ffffff;
}

tr.alternatingRow td 
{
    background-color: #ecf5ff;
    padding: 5px;
}

tr.emptyDataRow td
{
    padding: 10px;
    background-color: #ffffff;
}

table.tiny
{
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    line-height: 1.3em;
}

table.tiny tr.headerRow th
{
    font-family: Verdana;
    font-size: 9px;
}

table td.paddingRight20
{
    padding-right: 20px;
}

table td.paddingRight30
{
    padding-right: 30px;
}

table td.paddingLeft20
{
    padding-left: 20px;
}

table td.paddingLeft30
{
    padding-left: 30px;
}

div.newsletterPopup table 
{
    border: 0;
    line-height: inherit;
    width: auto;
}

/* Menu
********************************************************************/
div.AspNet-Menu-Horizontal
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 59px;
    overflow: hidden;
    background-image: url('Images/menuBackground.png');
    background-repeat: repeat-x;
}

ul.AspNet-Menu
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li.AspNet-Menu-Leaf
{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
}

a.AspNet-Menu-Link
{
    display: block;
    width: 130px;
    height: 49px;
    color: #0d5499;
    padding: 7px 10px 7px 10px;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: Transparent;
    border: 0;
}

a.AspNet-Menu-Link:hover
{
    text-decoration: none;
    background-color: #ffffff;
    border: 2px solid #eaf5fb;
    border-top: 0;
    border-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
}

li.AspNet-Menu-Selected
{
    
}

a.AspNet-Menu-Selected,
a.AspNet-Menu-Selected:hover
{
    color: #0d5499;
    background-color: #ffffff;
    border: 2px solid #b6e1f9;
    border-top: 0;
    border-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
}

a.AspNet-Menu-Link span.description
{
    text-transform: none;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.2em;
}


/* TinyBox
********************************************************************/
#tinybox 
{
    position: absolute; 
    display: none; 
    padding: 10px; 
    background: #fff url('Images/TinyBox/preload.gif') no-repeat 50% 50%; 
    /*border: 10px solid #e3e3e3; */
    z-index: 2000;
}

#tinymask 
{
    position: absolute; 
    display: none; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background: #000; 
    z-index: 1500;
}

#tinycontent 
{
    background: #fff;
}

#tinycontent a
{
    outline: none;
}

#tinycontent a:hover
{
    text-decoration: none;
}


/* Photo album (Picasa integration)
********************************************************************/
div.album
{
    float: left;
    display: inline;
    width: 144px;
    overflow: hidden;
    margin: 0 32px 32px 0;
}

div.album a.thumbnail
{
    display: inline;
    float: left;
    width: 144px;
    height: 144px;
    margin-bottom: 5px;
}

div.album a
{
       
}

div.album a.meta
{
    
}

.photoAlbum
{
    
    overflow: auto;
}

.photoAlbum a
{
    float: left;
    display: inline;
    margin: 0 30px 30px 0;
}

.photoAlbum img
{
    
}