/* 
File: SVEA - template.css
Content: Styles for the base template framework, parts that are static or can appear on all pages.
*/

/* ========================== Html, Body, Page Head, Content, and Foot ========================== */
html{
    font-size: 100%;
}
body{
    font: 0.76em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
    background:#e7e7e7 url(/Content/images/skin/bg-body.png) repeat-x;
    color:#000;
}
#page-wrapper{
    margin:0 auto; 
    width:964px; 
    background:url(/Content/images/skin/bg-page-wrapper.png) no-repeat 0 bottom;
    padding-bottom:25px;
} 
#header{
    padding: 18px 0 25px 0;
    position:relative;
    z-index:3; /* needed for ie */
}

#page{
    padding:0 27px;
    background:#fff url(/Content/images/skin/bg-page.png) repeat-y;
}

.content{
    padding: 0 0 35px 0;
}

.liquid{width:auto;margin:0;}

/* ========================== Columns ========================== */
#main-content{margin-left:245px;}
#main-content.wide{
    margin-left:0;
}
.left-col{float:left; width:230px;}
.right-col{float:right; width: 230px;}


/* ========================== Top-menu ========================== */
#main-navigation{
    float:left;
    position:absolute;
    top:14px;
    left:200px;
}
#main-navigation li{
    float:left;	
}
#main-navigation a{
    color:#555;
    font-size:1.12em;
    font-weight:bold;
    display:block;
    font-family:arial, helvetica, Sans-Serif;
    padding:13px 8px 12px 8px;

}
#main-navigation a:hover,
#main-navigation a:focus{
    text-decoration:none;
    color:#929292;	
}
#main-navigation .current a{
    color:#7ab5e5;
}
#main-navigation .current a:hover,
#main-navigation .current a:focus{
    color:#6b9bc1;	
}
#main-navigation .wrapper{
    display:block;
}

/* ========================== Functional-navigation ========================== */
#functional-navigation{
    float:right;
    position:absolute;
    top:14px;
    right:0px;
}
#functional-navigation li{
    float:left;	
}
#functional-navigation a{
    color:#bcbcbc;
    font-size:1.12em;
    font-weight:bold;
    display:block;
    font-family:arial, helvetica, Sans-Serif;
    padding:13px 0px 5px 8px;
}
#functional-navigation a:hover,
#functional-navigation a:focus{
    text-decoration:none;
    color:#929292;	
}


/* ========================== Message dialog ========================== */
#message-dialog{
    position:absolute;
    top:20%;
    left:50%;
    width:382px;
    z-index:10101;
    padding-bottom:19px;
    /*background:url(../images/skin/bg-message-dialog.png) no-repeat right bottom;	*/
    margin-left:-191px;
}
#message-dialog-inner{
    /*background:url(../images/skin/bg-message-dialog.png) no-repeat;	*/
    padding:28px 25px 8px 25px;
    overflow:hidden;
    z-index:10100;
    text-align:center;
}
#message-dialog h2{
    font-weight:bold;
    text-align:center;
}
#message-dialog p{
    margin-bottom: 1em;
}
#message-dialog .buttons{
    float:left;
    position:relative;
    left:50%;
    text-align:left;
    padding-top:10px;
}
#message-dialog .close{
    display:block;
    margin:0 auto;
    background:url(../Content/images/buttons/btn-close.png) no-repeat;
    float:left;
    padding-left:7px;
    color:#000;
    position:relative;
    left:-50%;
    cursor:pointer;
    text-decoration:none;
}
    #message-dialog .close span{
        display:block;
        padding:6px 33px 8px 26px;
        font-weight:bold;
        background:url(../Content/images/buttons/btn-close.png) no-repeat right -29px;
        float:left;
        position:relative;
    }
    #message-dialog .close:hover{
        text-decoration:none;
        background:url(../Content/images/buttons/btn-close.png) no-repeat 0 -58px;
    }
    #message-dialog .close:hover span{
        background:url(../Content/images/buttons/btn-close.png) no-repeat right -87px;
    }

#message-dialog .close2{
    display:block;
    margin:0 auto;
    background:url(../Content/images/buttons/btn-close.png) no-repeat;
    float:left;
    padding-left:7px;
    color:#000;
    position:relative;
    left:-50%;
    cursor:pointer;
    text-decoration:none;
}
    #message-dialog .close2 span{
        display:block;
        padding:6px 33px 8px 26px;
        font-weight:bold;
        background:url(../Content/images/buttons/btn-close.png) no-repeat right -29px;
        float:left;
        position:relative;
    }
    #message-dialog .close2:hover{
        text-decoration:none;
        background:url(../Content/images/buttons/btn-close.png) no-repeat 0 -58px;
    }
    #message-dialog .close2:hover span{
        background:url(../Content/images/buttons/btn-close.png) no-repeat right -87px;
    }
.dialogStandard{
    background:url(../Content/images/skin/bg-message-dialog-standard.png) no-repeat right bottom;	
}
.dialogInnerStandard {
    background:url(../Content/images/skin/bg-message-dialog-standard.png) no-repeat;
}
.dialogError{
    background:url(../Content/images/skin/bg-message-dialog.png) no-repeat right bottom;	
}
.dialogInnerError {
    background:url(../Content/images/skin/bg-message-dialog.png) no-repeat;	
}

#message-dialog-codebehind{
    position:absolute;
    top:20%;
    left:50%;
    width:382px;
    z-index:10100;
    padding-bottom:19px;
    background:url(../Content/images/skin/bg-message-dialog.png) no-repeat right bottom;	
    margin-left:-191px;
}
#message-dialog-codebehind-inner{
    background:url(../Content/images/skin/bg-message-dialog.png) no-repeat;	
    padding:28px 25px 8px 25px;
    overflow:hidden;
}
#message-dialog-codebehind h2{
    font-weight:bold;
    text-align:center;
}
#message-dialog-codebehind .buttons{
    float:left;
    position:relative;
    left:50%;
    text-align:left;
    padding-top:10px;
}
#message-dialog-codebehind .close{
    display:block;
    margin:0 auto;
    background:url(../Content/images/buttons/btn-close.png) no-repeat;
    float:left;
    padding-left:7px;
    color:#000;
    position:relative;
    left:-50%;
    cursor:pointer;
    text-decoration:none;
}
    #message-dialog-codebehind .close span{
        display:block;
        padding:6px 33px 8px 26px;
        font-weight:bold;
        background:url(../Content/images/buttons/btn-close.png) no-repeat right -29px;
        float:left;
        position:relative;
    }
    #message-dialog-codebehind .close:hover{
        text-decoration:none;
        background:url(../Content/images/buttons/btn-close.png) no-repeat 0 -58px;
    }
    #message-dialog-codebehind .close:hover span{
        background:url(../Content/images/buttons/btn-close.png) no-repeat right -87px;
    }


#loading-dialog{
    background:url(../Content/images/skin/bg-message-loading.png) no-repeat;
    width:223px;
    height:175px;
    position:absolute;
    padding:10px;
    top:20%;
    left:50%;
    z-index:10010;
    margin-left:-132px;
    padding:20px;
    display:none;
}
#loading-dialog-inner{
    padding:50px 30px 30px 30px;
    font-style:italic;
    text-align:center;
    background:#f6f6f6;
}
#loading-dialog-inner img{
    margin-bottom:17px;
}