/*
    Project: victorsson.se
    File: main.css
    Date: 2009-03-23
*/

* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    color: #000;
}

body {
	font: normal 0.6875em/1.4em Verdana, Arial, sans-serif;
	text-align: center;
}

img {
    border: 0;
    display: block;
}

a:link,
a:visited,
a:active {
	color: #00519e;
	text-decoration:none;
}

a:hover {
	color: #00519e;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6  {
    font-size: 1em;
	font-weight: normal;
	color: #35488b;
}

ol,
ul {margin: 0 0 0 2em;}

#container {
	position: relative;
	margin: 0 auto;
	width: 966px;
	height: 100%;
}

#wrapper {
    margin: 0 auto;
    width: 960px;
	min-height: 100%;
	text-align: left;
	background: #fff;
}

#header {
    width: 920px;
    height: 79px;
    padding: 0 15px 0 25px;
    background: #fff url(../img/hr_header.gif) 0 bottom repeat-x;
}

    #header img {
        float: left;
        width: auto;
        margin: 12px 0 0 0;
    }
    
#languages {
    float: right;
    width: auto;
    padding: 2px 0;
}

#content {
    float: left;
    width: 930px;
    padding: 0 15px;
    border-top: 15px solid #fff;
}

#navbar {
    float: left;
    width: 180px;
    font-size: 0.9090em;
}

    .navbar {padding: 10px 0;}

#main {
    float: right;
    width: 750px;
}

    #main h1 {
        font-size: 1.2727em;
        padding: 1em 0;
    }

    #main h2 {
        font-size: 1.1818em;
        padding: 1em 0;
    }

    #main h3 {
        font-size: 1.0909em;
        padding: 0.5em 0;
    }

    #main h4 {
        font-size: 1em;
        padding: 0.5em 0;
    }

    #main h5 {
        font-size: 0.9090em;
        padding: 0.45em 0;
    }

    #main h6 {
        font-size: 0.8181em;
        padding: 0.4em 0;
    }
    
    #main p,
    #main ol,
    #main ul {padding: 0 0 1em 0;}

    .left {
        float: left;
        width: 469px;
        padding: 0 20px;
    }
    
        a.pdf {
            float: left;
            width: 449px;
            padding: 2px 0 2px 20px;
            line-height: 20px;
            background: url('../img/pdf.gif') left 50% no-repeat;
        }
    
    .right {
        float: right;
        width: 241px;
    }
    
        .right img {
            width: 241px;
            height: auto;
            margin-bottom: 0.5em;
        }
        
        .right select {width: 241px;}

#footer {
    width: 100%;
    clear: both;
}

.switch-themes {
    float: left;
    width: 100%;
    padding: 0 0 9px 0;
}

.lego span.round-top,
.eggs span.round-top {
    display: block;
    width: 162px;
    height: 5px;
    line-height: 5px;
    margin: 0 0 0 9px;
}

.lego h2,
.eggs h2 {
    width: auto;
    margin: 0 10px 3px 10px;
}

.lego div,
.eggs div {
    width: 152px;
    margin: 0 9px;
    padding: 5px;
}

.lego div img,
.eggs div img {
    text-align: center;
    margin: 0 auto;
}

#sign-in {
    display: inline;
    float: left;
    width: 273px;
    padding: 3px 0 3px 10px;
    margin: 0 20px;
    background: #f1f1f1;
}

    #sign-in span.row {
        float: left;
        width: 273px;
        padding: 2px 0;
    }
    
    #sign-in .form-row {
        float: left;
        width: 9em;
    }
    
    #sign-in .textbox {
        width: 150px;
        padding: 1px 2px;
    }
    
    #sign-in .button {margin-right: 2px;}

#file-upload {
        display: inline;
        float: left;
        width: 469px;
}

    #file-upload input {
        width: 400px;
        padding: 2px 3px;
    }

#error {
    display: inline;
    float: left;
    width: auto;
    padding: 3px 10px;
    margin: 0 20px;
    color: #fff;
    background: #c33;
}

.error-msg {color: #c33;}

#navbar-admin {
    width: 930px;
    padding: 5px 15px;
    background: #fce1e1;
    overflow: auto;
}

.username {font-weight: bold;}

.form-calculation {
    float: left;
    width: 459px;
    margin: 0 20px;
    padding: 5px;
    background: #f4f0ee;
    display: inline;
}

    .form-calculation span.form-calculation-label {
        width: 180px;
        padding: 2px 0;
        margin: 1px 0;
        float: left;
    }
    
    .form-calculation textarea.form-calculation-tb {
        width: 252px;
        padding: 2px 3px;
        margin: 1px 0;
    }
    
    .form-calculation input.form-calculation-tb1 {
        width: 80px;
        padding: 2px 3px;
        margin: 1px 0;
    }
    
    .form-calculation input.form-calculation-tb2 {
        width: 250px;
        padding: 2px 3px;
        margin: 1px 0;
    }

    .form-calculation input.form-calculation-btn {
        margin: 0 0 0 179px;
        padding: 0;
    }

#form-calculation-thanks {
    float: left;
    width: 459px;
    margin: 0 20px;
    padding: 5px;
    background: #f4f0ee;
    display: inline;
}

.form-jobs {
    float: left;
    width: 459px;
    margin: 0 20px;
    padding: 5px;
    background: #f4f0ee;
    display: inline;
}

    .form-jobs span.form-jobs-label {
        width: 150px;
        padding: 2px 0;
        margin: 1px 0;
        float: left;
    }
    
    .form-jobs input.form-jobs-tb1 {
        width: 280px;
        padding: 2px 3px;
        margin: 1px 0;
    }
    
    .form-jobs input.form-jobs-tb2 {
        width: 80px;
        padding: 2px 3px;
        margin: 1px 0;
    }
    
    .form-jobs textarea.form-jobs-tb {
        width: 282px;
        padding: 2px 3px;
        margin: 1px 0;
    }
    
    .form-jobs input.form-jobs-btn {
        margin: 0 0 0 149px;
        padding: 0;
    }

.treenode-hover {
}

.treenode-selected {
}

.btn-remove,
.btn-create {
    float: right;
}

.create-new,
.instructions {margin-left: 20px;}