/*--------------------------------------------------------
SKANSKA CSS - Projects
VERSION: 0.1
REVIDERAD: 2007-10-12
AV: Magnus Forsberg, Ottoboni Group
--------------------------------------------------------*/

/* Flash
--------------------------------------------------------*/
div#projects-flash { width:734px; background:#FFF; float:left; margin:0 0 0 0; padding:0; }
div#projects-flash div#scroll-pane { height:250px; margin-bottom:20px; }
div#projects-flash div#scroll-pane img { margin-bottom:20px; }

/* Wrap
--------------------------------------------------------*/
div#projects-wrap { width:724px; background:url(../images/projects/content-bg.jpg) top left; float:left; margin:0 0 0 10px; padding:0; }

/* topmenu
--------------------------------------------------------*/
div#projects-topmenu { width:734px; height:33px; overflow:hidden; background:url(../images/projects/topmenu-bg.gif) top left no-repeat; float:left; margin:0; padding:0; }
    div#projects-topmenu ul { margin:0; padding:0; }
    div#projects-topmenu li { list-style:none; display:inline; margin:0; padding:0; color:#FFF; background:transparent; }
    div#projects-topmenu li a { background:transparent; font-size:1em; text-decoration:none; color:#FFF; padding:9px 20px 0 20px; display:block; float:left; height:26px; }
        /*div#projects-topmenu li a.active { font-weight:bold; }*/
    div#projects-topmenu li a:hover { color:#FFF; background:transparent; }
    
    div#projects-topmenu li a.active1 { float:left; height :33px; display:block; background:url(../images/projects/topmenu-tab-left1.gif) no-repeat left top; margin:0; padding:0 0 0 20px; text-decoration:none; }
    div#projects-topmenu li a.active2 { float:left; height:33px; display:block; background:url(../images/projects/topmenu-tab-left2.gif) no-repeat left top; margin:0; padding:0 0 0 20px; text-decoration:none; }
	
	div#projects-topmenu li a.active1 span, div#projects-topmenu li a.active2 span { float:left; height:26px; display:block; background:url(../images/projects/topmenu-tab-right.gif) no-repeat right top; padding:9px 20px 0 0; font-weight:bold; }
	div#projects-topmenu h2 { font-size:1em; text-decoration:none; color:#FFF; padding:9px 20px 0 20px; background:transparent; }
div#projects-topmenu a {color:#FFFFFF;font-weight:bold;}
/* heading
--------------------------------------------------------*/
div#main-large h1.project { font-size:1.8em; font-weight:normal; color:#262626; margin:0 0 7px 19px; }

/* menu
--------------------------------------------------------*/
div#projects-menu { width:724px; height:33px; background:url(../images/projects/menu-bg-new.jpg) top left repeat-y; float:left; margin:0 0 27px 0; padding:0; }
    div#projects-menu ul { margin:0; padding:0 0 0 0; }
    div#projects-menu li { list-style:none; display:inline; margin:0; padding:0 0 0 20px; height:33px; float:left; background:url(../images/projects/menu-divider.jpg) top right no-repeat; }
        div#projects-menu li.active { background:url(../images/projects/menu-bg-active.jpg) top left repeat-y; }
        div#projects-menu li.active a { background:url(../images/projects/menu-bg-active.jpg) top right repeat-y; color:#0076cc; font-weight:bold; }
        div#projects-menu li.first { background:url(../images/projects/menu-bg-active-first.jpg) top left repeat-y; }
    div#projects-menu li a { font-size:1em; text-decoration:none; color:#262626; height:23px; float:left; padding:10px 20px 0 0; outline:0; }
    div#projects-menu li a:hover { color:#262626; }
    div#projects-menu li.active a:hover { color:#0076CC; }
    
/* Content */
div#projects-content { width:724px; background:url(../images/projects/content-bottom-bg.jpg) bottom left no-repeat; float:left; margin:0; padding:0 0 22px 0; }
    div#projects-rightcontent { width:157px; float:left; margin:0; }

div#projects-rightcontent a.view-on-map
{
	background-image:url(/Images/projects/view-on-map.gif);
	background-repeat:no-repeat;
	width:150px;
	height:51px;
	margin-bottom:12px;
	margin-top:-12px;
	display:block;
	color:#ffffff;
	font-weight:bold;
	padding-top:42px;
	margin-left:4px;
	cursor:pointer;
}

div#projects-rightcontent a:hover.view-on-map
{
	text-decoration:none;
}

div#projects-rightcontent a.view-on-map span
{
	width:150px;
	text-align:center;
	display:block;
}

div#projects-text .date
{
	color:#7F7F7F;
}

/* Downloads */
div#projects-downloads { width:518px; background:transparent; margin:0 10px 0 30px; padding:0; float:left; }

    div.project-downloads-item { width:518px; background:transparent; margin:0 0 20px 0; padding:0; float:left; position:relative; }
        div.project-downloads-item img { margin:0 10px 0 0; padding:0; border:0; float:left; }
        div.project-downloads-item p { font-size:1em; font-weight:bold; color:#262626; margin:0; padding:0; line-height:1.3em; float:left; }
        div.project-downloads-item a { font-weight:normal; }
        
/* Projects - Documentlist */
div.projects-doclist { width:157px; margin:0 10px 15px 0; padding:2px 0 5px 0; float:left; background:transparent; border-top:1px solid #dfe1e4; }
    div.projects-doclist h3 { width:157px; font-size:1.4em; color:#404040; background:none; padding:0; margin:0 0 0 0; }
    div.projects-doclist ul { width:157px; margin:0; padding:0; clear:both; float:left; }
    div.projects-doclist ul li { width:157px; margin:0 0 7px 0; padding:0; list-style:none; float:left; clear:both; }
    
        div.projects-doclist ul li a { font:1em Verdana,Arial,Helvetica,sans-serif; text-decoration:none; color:#0076cc; background:transparent; padding:1px 0 4px 0px; display:block; float:left; clear:both; }
        div.projects-doclist ul li a.pdf { padding:1px 0 4px 20px; background:url(../images/icons/icon-pdf.gif) no-repeat top left; }
        div.projects-doclist ul li a.ppt { padding:1px 0 4px 20px; background:url(../images/icons/icon-ppt.gif) no-repeat top left; }
        div.projects-doclist ul li a.xls { padding:1px 0 4px 20px; background:url(../images/icons/icon-xls.gif) no-repeat top left; }
        div.projects-doclist ul li a.doc { padding:1px 0 4px 20px; background:url(../images/icons/icon-doc.gif) no-repeat top left; }
    
/* Projects - Linklist */
div.projects-linklist { width:157px; margin:0 10px 15px 0; padding:2px 0 5px 0; float:left; background:transparent; border-top:1px solid #dfe1e4; }
    div.projects-linklist h3 { width:157px; font-size:1.4em; color:#404040; background:none; padding:0; margin:0 0 0 0; }
    div.projects-linklist ul { width:157px; margin:0; padding:0; clear:both; float:left; }
    div.projects-linklist ul li { width:157px; margin:0 0 1px 0; padding:0; list-style:none; float:left; clear:both; }
        div.projects-linklist ul li a { font:1em Verdana,Arial,Helvetica,sans-serif; text-decoration:none; color:#0076cc; background:transparent; padding:2px 0 3px 0px; display:block; float:left; clear:both; }
        
/* Projects - Infolist */
div.projects-infolist { width:157px; margin:0 10px 15px 0; padding:2px 0 5px 0; float:left; background:transparent; border-top:1px solid #dfe1e4; }
    div.projects-infolist h3 { width:157px; font-size:1.4em; color:#404040; background:none; padding:3px 0 10px 0; margin:0 0 0 0; }
    div.projects-infolist ul { width:157px; margin:0; padding:0; clear:both; float:left; }
    div.projects-infolist ul li { width:157px; margin:0 0 8px 0; padding:0; list-style:none; float:left; clear:both; }
        div.projects-infolist ul li p { font-size:1em; color:#262626; margin:0; padding:0; line-height:1.3em; }
        div.projects-infolist ul li a { font-weight:normal; }
        
/* Projects - Pagin */
div#projects-pagin { width:734px; background:#FFF; float:left; margin:0; padding:0 0 0 0; }
    div#projects-pagin p { width:734px; margin:0; padding:7px 0 0 0; text-align:center; color:#a9a9a9; }
    
/* Projects - Text */
div#projects-text { width:430px; background:transparent; margin:0 10px 0 30px; padding:0 87px 0 0; float:left; display:inline; }
    div#projects-text h1 { font-size:2.4em; font-weight:normal; color:#262626; margin:0; padding:0 0 10px 0; }
    div#projects-text h2 { font-size:1.1em; color:#262626; margin:0; padding:0 0 1px 0; }
    div#projects-text p { font-size:1.1em; color:#262626; margin:0 0 13px 0; padding:0; line-height:1.3em; }
    
/* Projects - Pressreleaselist */
div.projects-pressreleaselist { width:430px; margin:10px 10px 10px 0; padding:2px 0 5px 0; float:left; background:transparent; border-top:1px solid #dfe1e4; }
    div.projects-pressreleaselist h3 { width:430px; font-size:1.4em; color:#404040; background:none; padding:0; margin:0 0 0 0; }
    div.projects-pressreleaselist ul { width:430px; margin:0; padding:0; clear:both; float:left; }
    div.projects-pressreleaselist ul li { width:430px; margin:0 0 1px 0; padding:0; list-style:none; float:left; clear:both; }
        div.projects-pressreleaselist ul li p { font-size:1em !important; margin:0; padding:0; }
        div.projects-pressreleaselist ul li a { text-decoration:none; color:#0076cc; background:transparent; padding:2px 0 3px 0px; display:block; float:left; clear:both; }
        
        
/* #projects-content - infopuff */
div#projects-content .infopuff { width:431px; padding:0 0 20px 0; margin:0 0 18px 0; background:url(../images/projects/infopuff-bottom.jpg) bottom left no-repeat; }
    div#projects-content .infopuff-content { width:395px; padding:20px 18px 0 18px; background:url(../images/projects/infopuff-top.jpg) top left no-repeat; }
        div#projects-content .infopuff-content h3 { font-size:1.3em; font-weight:normal; color:#0076cc; line-height:1.4em; margin:0; padding:0 0 15px 0; }
        div#projects-content .infopuff-content h4 { font-size:1.1em; color:#262626; margin:0; padding:0 0 2px 0; }
        div#projects-content .infopuff-content h5 { font-size:1em; font-weight:normal; font-style:italic; color:#262626; line-height:1.3em; margin:0; padding:0 0 2px 0; }
        div#projects-content .infopuff-content p { width:auto; background:transparent; margin:0; padding:0; line-height:1.4em; }
        
/* Projects - Search */
div#projects-search { width:734px; height:313px; float:left; margin:0 0 15px 0; padding:0; background:url(../images/projects/search-bg.gif) 0px 0px repeat-x; }
    div#projects-search div#projects-search-form { overflow:hidden; width:134px; height:285px; background:transparent; margin:0 10px 0 0; padding:27px 0 0 30px; float:left; }
        div#projects-search div#projects-search-form fieldset { border:0px; display:block; float:left; padding:0 0 12px 0; }
        div#projects-search div#projects-search-form p { font-size:1em; color:#FFF; margin:0 0 5px 0; padding:0; font-weight:bold; background:transparent; }
        div#projects-search div#projects-search-form input { margin:0; padding:0; border:0; }
            div#projects-search div#projects-search-form input.text { background:#FFF; border:solid 1px #dedede; font-size:1em; color:#262626; padding:2px; width:119px; }
        div#projects-search div#projects-search-form select { background:#FFF; border:solid 1px #dedede; font-size:10px; color:#262626; padding:1px; width:125px; margin:0 0 3px 0; }
    
    div#projects-search div#projects-search-flash { width:540px; height:312px; background:#f7f7f7; margin:0; padding:0; float:left; }
    
/* Projects - Panel */
#projects-flash { overflow: hidden; position: relative; background:transparent; }
#scroll-pane { width: 1000px; height: 100%; background-color: #FFF; position: relative; left: 0; }
#projects-flash #scroll-pane img { border:none; }
	#projects-flash #scroll-pane img { border:none; margin-left: 10px; float:left; }
/* hidden logo, shown only in print CSS */
#hiddenlogo { display: none }