a {
	text-decoration:none;
}

a:link,
a:visited,
a:active { color:#003399; }
a:hover { color:#0066CC; text-decoration:underline; }

body {
	background-color:#fff;
	padding:0px;
	margin:0px;
	background-image:url(../images/logo_bg.gif);
	background-repeat:repeat-x;
	padding-bottom: 40px;
}

body,input,textarea,select,option{
	font-family: "Segoe UI", "lucida grande", arial, verdana, "lucida sans unicode", tahoma, sans-serif; 
	font-size: 8pt; color: #222; 
	font-weight: normal;
}
img { border: none; }

option { padding:1px; }

h1 { font-size:18px; color:#0066CC; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:10px 0px; }

#root {
	width: 1246px;
	margin-left:auto;
	margin-right:auto;
}
#page_container {
	width:100%;
}
#header {
	display:block;
	width:100%;
	height:77px;
	background-image:url(../images/logo_bg.gif);
	background-repeat:repeat-x;
}
#logo {
	display:block;
	float:right;
	width:191px;
	height:41px;
	background-image:url(../images/logo_bg.gif);
	background-repeat:repeat-x;
}
#main {
	float:left;
	background-color:#fff;
	width:1244px;
}
#main_content {
	width:1214px;
	float:left;
	padding:15px 15px;
}
#login_status {
	float:left; padding:3px 7px 7px 7px; height:14px; background-image:url(../images/login_bg.gif); background-position:right; position:absolute; top:0px; right:0px;
}

.add_btn { display:block; width:16px; height:16px; background-image:url(../images/icons/add_btn.png); background-repeat:no-repeat; cursor:pointer; }
.add_btn.add { background-position:0px 0px; }
.add_btn.loading { background-position:0px -16px; }
.add_btn.done { background-position:0px -32px; }

.btn { display:block; width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; }
.btn.arrow_in { background-image:url(../images/icons/arrow_in.png); }

.msg {
	margin:15px 15px 0px 15px;
	padding:10px 0 10px 10px;
	font-size:12px;
	color:#222;
	border:1px #ddd solid;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.msg.error {
	border-color:#df9898;
	background:#ffe7e7 url(../images/icons/cancel.png) 20px 50% no-repeat;
}
.msg.success {
	border-color:#9ec49f;
	background:#ddfade url(../images/icons/accept.png) 20px 50% no-repeat;
}

.message {
	display:none;
	position:absolute;
	padding:9px;
	padding-left:35px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.message.static {
	line-height:17px;
	font-size:12px;
	display:block;
	position:static;
	margin:10px 0px;
	padding:0px;
	padding-left:0px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.message.gray {
	color:#444;
	border:1px #ccc solid;
	background-color:#f4f4f4;
	background-image:url(../images/icon/error.png);
}
.message.green {
	border:1px #6d8016 solid;
	background-color:#9cb92e;
	background-image:url(../images/icons/accept.png);
	color:#fff;
}
.message.blue {
	color:#fff;
	border:1px #2967bc solid;
	background-color:#4e8ce2;
	background-image:url(../images/icon/error.png);
}
.message.gray {
	border-color:#ccc;
}


#meny { float: left; margin-left: 0; padding-left: 0; list-style-type:none; }
#meny li{ float:left;}
#meny a{float: left; text-decoration: none; background: #dedede; margin-right: 5px; padding: 5px 20px; border:1px #bbbbbb solid; border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;}

#meny a:link{color: #555555;}
#meny a:visited{color: #555555;}
#meny a:hover{background: #efefef; color: #000000;}
#meny a#current{background: #ffffff; color: #000000; border-bottom:1px #ffffff solid; }

#meny ul{ display:none; position:absolute; float:left; margin: 0; padding: 0; list-style-type: none; background: #CC9999; border: 1px solid #996666; width:auto;}
#meny ul li { float:none; }
#meny ul a{ display: block; width: 100%; border:none; -moz-border-radius:0px; float:left; padding:3px;}

#menydiv { position:absolute; top:46px; padding-left:15px; float:left; }

ul.topnav {
	font-size:12px;
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left;
}
ul.topnav li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	background-image:url(../images/menu/inactive.gif);
	background-repeat:repeat-x;
	padding: 4px 15px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	border:1px #fff solid; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;
}
ul.topnav li a#current{
	background-image:url(../images/menu/current.gif);
	color:#fff;
	font-weight:bold;
}
ul.topnav li a:hover{
	background-image:url(../images/menu/hover.gif);
	text-decoration:underline;
}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 24px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #ccc;
	border-top:none;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 170px;
}
ul.topnav li ul.subnav li a{
	color:#000;
	font-weight:normal;
	font-size:11px;
	padding:5px 10px;
	width: 150px;
	background: #fff; border:0px #bbb solid; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
}
ul.topnav li ul.subnav li a:hover{
	background: #f4f4f4;
	color:#0066CC;
}


.table_template { border:1px #dddddd solid;border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; }

.table_template td { vertical-align:middle; }
.table_template tr.header { font-weight:normal; font-size:10pt; color:#222; background-color:#f6f6f6; }
.table_template tr.header td { border-bottom:1px #dddddd solid;  }
.table_template tr.alt_header { color:#000; }
.table_template tr.alt_header td { border-bottom:1px #dddddd solid; font-weight:bold; }
.table_template tr.info_header { background-color:#fff; color:#000; }
.table_template tr.info_header td { border-bottom:1px #dddddd solid; }
.table_template tr.row td { background-color:#fff; color:#000000; border-width:1px 0px 1px 0px; border-style:solid; border-color:#fff; }
.table_template tr.row:hover td { background-color:#f1f1f1; border-color:#ddd; }
.table_template tr.buttons { background-color:#fafafa; color:#555555; }
.table_template tr.buttons td { border-top:1px #dddddd solid; padding:8px; }
.table_template td.img_in_cell { text-align:right;padding:2px; }
.table_template td.header { border-right:1px #dddddd solid;font-weight:bold; background-color:#f1f1f1; font-size:9pt; }
.table_template td.alt_header { background-color:#f6f6f6; color:#555555;border-right:1px #dddddd solid; text-align:right; }
.table_template td.row { background-color:#ffffff; color:#000000; }
.table_template td.row div { background-color:#ffffff; }
.table_template td.row div:hover { background-color:#dddddd; }
.table_template tr.row0 td { background-color:#ffffff; }
.table_template tr.row1 td { background-color:#eee; }
.table_template tr.pageing td { background-color:#fafafa; border-style:solid; border-color:#ddd; border-width:1px 0px 0px 0px; }

.table_template tr.table-warning > td { background-color: #ffeeba !important; }
.table_template tr.table-success > td { background-color: #c3e6cb !important; }
.table_template tr.table-danger > td { background-color: #f1b0b7 !important; }
.table_template tr.bg-danger > td { background-color: #dc3545 !important; color:#fff; }
.table_template.no-row-border tr.row > td { border-width: 0; }

.table_template .prisrad .price { text-align:left; }
.table_template .prisrad .title { text-align:right; color:#777; }

.table_template.popup { border:none; }
.table_template.popup td.alt_header { background-color:#fff; border:0; }

.errordiv { background-color:#fafafa; border:1px #ca3434 solid; color:#ca3434; width:100%; margin:10px 0px; }

/* POP-up F�nster */

#popup-fadepage { 
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	background-color: #fff;
}

#popup-behind {
	z-index: 999;
    width: 520px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 0px;
    margin-left: -260px;
    border: 0;
    background-color: #000;
}

#popup {
	z-index: 1000;
	width: 500px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 50px;
	margin-left: -250px;
	border: 0;
	background-color: #fff;
	border-width:1px;
	border-style:solid;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#popup #popup-close,#popup #popup-header{
	padding:10px;
}
#popup #popup-content{
	padding:6px;
}
#popup #popup-header {
	font-size:10pt;
}
#popup #popup-error {
	color:#b00;
	padding:10px 10px 0px 10px;
	display:none;
}
#popup.gray {
	border-color:#ccc;
}
#popup.gray #popup-header {
	color:#444;
	background-color:#f4f4f4;
}
#popup.green {
	border-color:#6d8016;
}
#popup.green #popup-header {
	color:#fff;
	background-color:#9cb92e;
}
#popup.blue {
	border-color:#2967bc;
}
#popup.blue #popup-header {
	color:#fff;
	background-color:#4e8ce2;
}


#autocomplete {
	display:none;
	position:absolute;
	padding:0px;
	padding-right:7px;
	padding-bottom:7px;
	background-image:url(../images/shadow.png);
	background-position:right bottom;
}
#autocomplete .content {
	border:1px #777 solid;
	border-left-color:#aaa;
	border-top-color:#aaa;
	background-color:#fff;
}

.tip { 
	background:#fff7d1 url(../images/icons/exclamation.png) no-repeat 10px 10px; 
	border:1px #ffe564 solid;
	padding:10px 10px 10px 35px;
	
}

.nowrap {
	white-space: nowrap;
}

#dina-jobb {
	position: fixed;
	bottom:0;
	right:30px;
	width:600px;
	border:2px #bbb solid;
	border-bottom: 0;
	background: #fff;
}
#dina-jobb>.header {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	background: #fff;
}
#dina-jobb>.header:hover{
	background:#eee;
	cursor: pointer;
}
#dina-jobb>.header .title {
}
#dina-jobb>.header .sum {
	float: right;
}
#dina-jobb>.body {
	display: none;
	border-top:1px #ddd solid;
}
#dina-jobb.open>.body {
	display: block;
}
#dina-jobb>.body .button-list {
	padding: 2px 7px;
	border-bottom: 1px #ddd solid;
	text-align: right;
}
#dina-jobb>.body .button-list .button {
	display: inline-block;
	float: none;
}

.table_wrap {
	padding: 0;
}
.table_wrap .table_template {
	border:0;
}

#jobs-wrap {
	max-height: 400px;
	overflow-y:auto;
	overflow-x:hidden;
}

#jobs-wrap .description {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 140px;
}
.jobb-list-wrap .description {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 250px;
}

.offert-jobb {
	width:100%;
	float:left;
	padding-top:10px;
}
.offert-jobb .description {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 170px;
}

/* Spinner för config */
#mode2spin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -25px;
    width: 50px;
    height: 25px;
}

.shapes {
    width: 50px;
    height: 25px;
    background: #ED8333;
    position: relative;
    animation: shapes-9nkw4omd 1.5s infinite linear;
    z-index:1000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.shapes:before,
.shapes:after {
    content: "";
    position: absolute;
    background: inherit;
    bottom: 100%;
    width: 50%;
    height: 100%;
    animation: inherit;
    animation-name: shapes-r89hlomd;
}

.shapes:before {
    left: 0;
    --s: -1,1;
}

.shapes:after {
    right: 0;
}

@keyframes shapes-9nkw4omd {
    0%, 30% {
        transform: translateY(0)     scaleY(1);
    }

    49.99% {
        transform: translateY(-50%)  scaleY(1);
    }

    50% {
        transform: translateY(-50%)  scaleY(-1);
    }

    70%, 100% {
        transform: translateY(-100%) scaleY(-1);
    }
}

@keyframes shapes-r89hlomd {
    0%, 10%, 90%, 100% {
        transform: scale(var(--s,1)) translate(0);
    }

    30%, 70% {
        transform: scale(var(--s,1)) translate(22.4px);
    }

    50% {
        transform: scale(var(--s,1)) translate(22.4px,22.4px);
    }
}

/*slut spinner */