/*--------------------------------------------------------
SKANSKA CSS - Contact
VERSION: 0.1
REVIDERAD: 2007-12-13
AV: Magnus Forsberg, Ottoboni Group
---------------------------------http://localhost:3264/Default.aspx?coord=54.243964309850966,18.608779907226562:15:10&projectid=105&info=1&dir=1&;close=1-----------------------*

/* Contact
--------------------------------------------------------*/
div#contactlist { width:362px; overflow:hidden; margin:0 10px 5px 0; padding:2px 0 0 0; float:left; display:inline; background:#FFF; border-top:1px solid #dfe1e4; }
    div#contactlist h1 { width:362px; font-size:1.4em; line-height:1em; color:#404040; background:none; padding:0; margin:0 0 0 0; }
    div#contactlist h2 { font-size:1em; font-weight:bold; color:#404040; }
    div#contactlist h3 { font-size:1em; font-weight:normal; color:#404040; }
    div#contactlist .contact { width:362px; margin:0 0 18px 0; padding:0; list-style:none; position:relative; background:#FFF; }
        div#contactlist .contact p { width:235px; margin:0; padding:0; position:absolute; background:#FFF; bottom:0; left:81px; color:#262626; line-height:1.3em; }
        div#contactlist .contact img { width:auto; height:100px; padding:0; margin:0; border:0; }
        
div#contactsgrouped { width: 362px;float: left; margin-right: 10px; }
    div#contactsgrouped h1 { width:362px; font-size:2.7em; color:#404040; background:none; padding:0; margin:0 0 12px 0; }
    div#contactsgrouped h2 { font-size:1.4em; margin-bottom:15px;line-height:1.3em; font-weight:normal; color:#262626; }
    div#contactsgrouped h3 { font-size:1em; font-weight:normal; color:#404040; }


            
div#contactform { width:460px; margin:0 10px 0 0; padding:0; float:left; display:inline; background:#FFF; }
    div#contactform h1 { width:440px; font-size:2.2em; font-weight:normal; line-height:1em; color:#404040; background:none; padding:0 0 10px 0; margin:0 0 0 0; }
    
    div#contactform .form-content { width:440px; background:url(../images/contact/contact-form-content-bg.gif) top left no-repeat #f7f7f7; padding:25px 0 5px 20px; margin:0; }
        
        div#contactform .form-content p { padding-bottom:3px; font-size:1em; color:#262626; margin:0; width:345px; line-height:14px; }
            div#contactform .form-content p.required { padding-bottom:3px; font-size:1em; color:#262626; margin:0 0 20px 0; width:345px; }
        
        div#contactform .form-content fieldset,
        div#contactform .form-content label,
        div#contactform .form-content input { border:0px; padding:0; margin:0; }
        
        div#contactform .form-content fieldset { padding-bottom:8px; }
        div#contactform .form-content input.text { border:solid 1px #dedede; padding:2px; font-size:1.1em; width:343px; }
        div#contactform .form-content textarea { overflow:auto; font-family:Verdana, Arial, Sans-Serif; font-size:1em; border:solid 1px #dedede; padding:2px; font-size:1.1em; width:343px; }
        
div#contactbuttons { width:460px; height:35px; margin:0 10px 30px 0; padding:10px 0 0 0; float:left; background:url(../images/contact/contact-form-bottom-bg.gif) top left no-repeat #f3f3f3; }
    div#contactbuttons p { padding:0 15px; text-align:right; float:right; }
    div#contactbuttons a { color:#FFF; font-weight:bold; margin:0 0 0 5px; padding:0 0 0 20px; float:left; background:url(../images/contact/contact-btn-left.gif) top left no-repeat; }
    div#contactbuttons span { cursor:pointer; height:19px; margin:0; padding:5px 20px 0 0; display:block; float:left; background:url(../images/contact/contact-btn-right.gif) top right no-repeat; }
    div#contactbuttons a:hover { text-decoration:none; }
    
    div#contactbuttons a.grey { color:#FFF; font-weight:bold; margin:0 0 0 5px; padding:0 0 0 20px; float:left; background:url(../images/contact/contact-btn-left-grey.gif) top left no-repeat; }
    div#contactbuttons a.grey span { cursor:pointer; height:19px; margin:0; padding:5px 20px 0 0; display:block; float:left; background:url(../images/contact/contact-btn-right-grey.gif) top right no-repeat; }
    div#contactbuttons a.grey:hover { text-decoration:none; }
    
    div#contactbuttons a.blue { color:#FFF; font-weight:bold; margin:0 0 0 5px; padding:0 0 0 20px; float:left; background:url(../images/contact/contact-btn-left-blue.gif) top left no-repeat; }
    div#contactbuttons a.blue span { cursor:pointer; height:19px; margin:0; padding:5px 20px 0 0; display:block; float:left; background:url(../images/contact/contact-btn-right-blue.gif) top right no-repeat; }
    div#contactbuttons a.blue:hover { text-decoration:none; }
    
/* image-item */
    div.contact-item { width:236px; min-height:126px; height:auto !important; height:126px; margin:0 0 10px 0; padding:0 0 0 136px; list-style:none; float:left; clear:both; position:relative; }
        div.contact-item p { font-size:1em; color:#000; margin:0 0 3px 0; padding:0; line-height:1.3em; }
            div.contact-item p.top { padding-top:9px; }
            div.contact-item p.middle { padding:2px 0px; }
            div.contact-item p.bottom { margin:0; padding:8px 0 0 0; }
        div.contact-item a { font-weight:normal; text-decoration:none; color:#0076cc; background:#FFF; }
            div.contact-item a:hover { text-decoration:underline; }
            
        div.contact-item .image-wrap { display: table; width:126px; height:126px; padding:0; position:absolute; top:0; left:0; background:url(../images/search/search-img-bg.gif) top left repeat-x #f0f0f0; }
        div.contact-item .image-wrap p { width:126px; margin:0; padding:0; text-align:center; background:transparent;}
        div.contact-item .image-wrap>.image { }
        div.contact-item .image { display: table-cell; vertical-align: middle; }
        div.contact-item .image div { position:absolute; top:50%; }
        div.contact-item .image>div { display:table-cell; vertical-align:middle; position:static; }
        div.contact-item .image div div { position:relative; top:-50%; text-align:center; }
        div.contact-item .image div div img { border:3px solid #FFF; vertical-align:bottom; margin:0; padding:0; }
        
        
        
/* FLYTTA */
div.fileinputs { position: relative; height: 30px; width: 375px; }
input.file { width: 333px; margin: 0; }
input.file.hidden { position: relative; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0.0); opacity: 0.0; z-index: 2; }
div.input { position: absolute; top: 0px; left: 0px; width: 350px; padding: 0; margin: 0; z-index: 1; }
div.input input { margin: 0 5px 0 0 !important; color:#000; font-size:11px; padding:2px !important; border:1px solid #DEDEDE !important; width:245px; float:left; background: #FFF; }