div.job tr.progressbar td.progress div.bar,
div.job tr.progressbar td.progress div.bar div.percent,
.jobs-line .jobs-list li .padding .stars-1,
.jobs-line .jobs-list li .padding .stars-2,
.jobs-line .jobs-list li .padding .stars-3 { background:url(../images/ico/bar.png); }

.block-rounded.job:hover {z-index: 20;}

div.job { background:#8ee7eb !important; margin-bottom:12px !important; padding:0 !important; font-size:11px; position: relative; z-index: 4; }
div.job h4{ text-shadow:0 1px 0 #b9f7fa; }
div.job .headline { background:url(../images/decor/bglines-mottonblue.png) 0 100%; }
div.job .headline th { padding:5px 5px 7px 5px; white-space:nowrap; color:#1e5b5c; }
div.job .headline th.description { padding:5px 5px 7px 6px; }
div.job .headline th.description a,
div.job .headline th.description a:link,
div.job .headline th.description a:visited { font-weight:normal; color:#38527c; margin-left:5px; white-space:nowrap; }
div.job td { color:#00405e; padding:2px 5px; }
div.job td.img { width:76px; padding:2px 5px 5px 5px; }
div.job td.img div.padding { width:64px; height:64px; padding:7px 6px; background:url(../images/decor/personal.png) 0 -520px;  }
div.job td.description { width:60%; }
div.job td.description h4 { font-size:100%; font-weight:bold; }
div.job td.gives { width:20%; }
div.job td.gives span.loot i { margin-left:0; }
div.job td.requires { width:20%; }

div.job td.gives .object-thumb,
div.job td.requires .object-thumb { width:auto; height:auto; min-height:0; background:none; padding:0; margin:0 5px 5px 0; border:none; }
div.job td.gives .object-thumb div.padding,
div.job td.requires .object-thumb div.padding { width:32px; height:32px; min-height:32px; border:1px solid #b0eef1; position:relative; background:none; }
div.job td.gives .object-thumb img,
div.job td.requires .object-thumb img { width:32px; height:32px; -ms-interpolation-mode: bicubic; background:none; }
div.job td.gives .object-thumb .count,
div.job td.requires .object-thumb .count { top:auto; bottom:0; right:0; left:auto; background:#8ee7eb; color:#00405e; line-height:1; font-weight:normal; padding:0 1px;  -moz-border-radius:5px 0 0 0; border-radius:5px 0 0 0; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  behavior:url("/@/behaviors/PIE.htc"); }
div.job td.gives .object-absent div.padding,
div.job td.requires .object-absent div.padding { border-color:red; cursor:pointer; }
div.job td.gives .object-absent .count,
div.job td.requires .object-absent .count { background:red; color:#fff; }

div.job td.gives div.resources,
div.job td.requires div.resources { margin-bottom:5px; }

div.job tr.progressbar { background:#b4f1f3; }
div.job tr.progressbar td { padding:4px 5px; vertical-align:middle; }
div.job tr.progressbar td.stars { text-align:center; }
div.job tr.progressbar td.progress div.bar,
div.job tr.progressbar td.progress div.bar div.percent { background-position:0 -190px; }
div.job tr.progressbar td.progress div.bar { border:1px solid #cbf5f7; background-color:#7ce1e5; position:relative; width:200px; text-align:left; height:16px; }
div.job tr.progressbar td.progress div.bar div.percent  { width:0px; background-color:#0ea9b5; background-position:0 -220px; height:16px; }
div.job tr.progressbar td.progress div.bar div.num  { width:100%; position:absolute; left:0; top:0; height:16px; color:#fff; text-align:center; }
div.job tr.progressbar td.do  { text-align:right; }
div.job tr.progressbar td.do .button { position: relative; z-index: 1; }
div.job tr.progressbar td.do .button .c  { max-width:300px; white-space:normal; }

div.job .icon-star-filled { background-position:-100px -250px; height:17px; width:17px; }
div.job .icon-star-empty { background-position:-100px -270px; height:17px; width:17px; }

div.job td.mark { padding:0; text-align:center; }
div.job td.mark div.jobdone { width:86px; padding:5px 0; }
div.job td.given { width:100%; padding:5px; }
div.job td.given .text { width:60%; margin-bottom:10px; }
div.job td.given .gonext { float:right; width:33%; text-align:right; }
div.job td.given h4 { font-weight:bold; font-size:100%; color:#007f0f; }
div.job td.required { border-top:1px solid #b0eef1; padding:5px; }
div.job td.required h4 { font-weight:bold; font-size:100%; color:#a00906; }
div.job td.given .resources,
div.job td.required .resources { float:left; width:140px; }

div.job tr.complete { background:#b4f3c7; }

div.job td.given .object-thumb,
div.job td.required .object-thumb { background:none; min-height:auto; height:auto; width:135px; padding:0; margin:0 4px 10px 0; border:none; vertical-align:top; display: inline-block; float: left; }
div.job td.given .object-thumb div.padding,
div.job td.required .object-thumb div.padding { background:none; width:64px; min-height:auto; height:64px; padding:0; border:1px solid #b0eef1; float:none; }
div.job td.given .object-thumb img,
div.job td.required .object-thumb img { -ms-interpolation-mode: bicubic; background:none; }
div.job td.given .object-thumb .count,
div.job td.required .object-thumb .count { top:auto; bottom:0; right:0; left:auto; background:#b0eef1; color:#00405e; line-height:1; font-weight:normal; padding:1px 2px;  -moz-border-radius:5px 0 0 0; border-radius:5px 0 0 0; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  }
div.job td.given .object-absent,
div.job td.required .object-absent { border-color:red; }
div.job td.given .object-absent .count,
div.job td.required .object-absent .count { background:red; color:#fff; }

div.job tr.complete td.given .object-thumb div.padding { border-color:#c4ffe1; }
div.job tr.complete td.given .object-thumb .count { background:#c4ffe1; }

div.job .object { border:1px solid #b0eef1; }
div.job .object-absent { border:1px solid red; }
div.job .object-absent .count { background:#E79A82; }

div.job .job-error { padding:10px; font-size:11px; text-align:center; }
div.job .job-error .button { margin:0 5px; }
div.job .job-error .button .c { padding:0 2px; }

div.job .job-error .object-missing { text-align:center; width:100%; }
div.job .job-error .object-missing .objects {  text-align:center; }
div.job .job-error .object-missing .objects .object-description { color:#00405E; width:200px; margin:0 5px 5px 0; text-align:left; vertical-align:top; display:inline-block; //display:inline; zoom:1; }
div.job .job-error .object-missing .objects .object-description a,
div.job .job-error .object-missing .objects .object-description a:link,
div.job .job-error .object-missing .objects .object-description a:visited { color:#00405E; }
div.job .job-error .object-missing .objects .object-description h4 { text-align:left; color:red; font-size:100%; font-weight:bold; text-shadow:none; margin:0 0 5px 0; }
div.job .job-error .object-missing .objects .object-description .object-thumb { float:left; margin:0 8px 0 0 }
div.job .job-error .object-missing .objects .object-description .object-thumb .padding { background:none; }
div.job .job-error .object-missing .objects .object-description .object-thumb .padding img { background:none; }

div.job .tonus-recovery { width: 230px; margin: 10px auto 0; background: #b4f1f3; color: #00405e; padding: 7px; }
div.job .tonus-recovery .thumb { float: left; margin: 5px 15px 15px 5px; }
div.job .tonus-recovery .text { text-align: left; margin: 5px 0 10px; }
div.job .tonus-recovery .button .c { padding: 2px 6px; }

.job .close-cross { position:absolute; right:5px; top:-1px; font-size:18px; font-weight:bold; color:#008b93; text-shadow:0 1px #8ee7eb; cursor:pointer; }

.jobs-line { margin:0; padding:0; }
.jobs-line .jobs-all-link { float:left; width:48px; height:48px; /*width:50px; height:50px;*/ padding:3px 0 0 0px; position:relative; z-index:1; }
.jobs-line .jobs-all-link a,
.jobs-line .jobs-all-link a:link,
.jobs-line .jobs-all-link a:visited { background:url(../images/ico/jobs-all.png) no-repeat; float:left; color:#3b5580; font-size:11px; position:relative; width:48px; height:48px; /*width:50px; height:50px;*/ }
.jobs-line .jobs-all-link a:hover { background-position:-50px 0px; color:#f6e47b; }
.jobs-line .jobs-all-link a span { position:absolute; top:57px; left:6px; z-index:2; white-space:nowrap; cursor:pointer; }
.jobs-line .jobs-list-place { width:560px; padding:0 14px; position:relative; float:right; position:relative; }
.jobs-line .jobs-list-place .arrow-left-blue { position:absolute; z-index:1; left:10px; top:50%; margin:-15px 0 0 -21px; }
.jobs-line .jobs-list-place .arrow-right-blue { position:absolute; z-index:1; right:10px; top:50%; margin:-15px -23px 0 0; }
.jobs-line .jobs-list ul li .padding { padding:4px; position:relative; }
.jobs-line .jobs-list ul li .padding:hover { background:#f7ce65; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  behavior:url("/@/behaviors/PIE.htc"); }
.jobs-line .jobs-list ul li.current .padding { padding:4px; background:#3dcfd7; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;  behavior:url("/@/behaviors/PIE.htc"); }
.jobs-line .jobs-list ul li.locked .padding .img { opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.jobs-line .jobs-list ul li.locked .padding:hover { background:none; }
.jobs-line .jobs-list ul li .padding .img { width:48px; height:48px; /*width:50px; height:50px;*/ background-position:50% 50% !important; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  behavior:url("/@/behaviors/PIE.htc"); }
.jobs-line .jobs-list ul li .padding .stars-1 { background-position:-100px -430px; position:absolute; bottom:7px; left:7px; width:17px; height:17px; z-index:2; }
.jobs-line .jobs-list ul li .padding .stars-2 { background-position:-100px -430px; position:absolute; bottom:7px; left:7px; width:34px; height:17px; }
.jobs-line .jobs-list ul li .padding .stars-3 { background-position:-100px -430px; position:absolute; bottom:7px; left:7px; width:51px; height:17px; }
.jobs-line .jobs-list ul li .padding .percent { color:#975D17; line-height:1; background:#fff4de; position:absolute; bottom:4px; right:4px; margin:0; padding:1px 2px 1px 3px; font-size:10px; -moz-border-radius:5px 0 5px 0; -webkit-border-radius:5px 0 5px 0; border-radius:5px 0 5px 0; opacity:0.85; //filter:alpha(opacity:85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";  behavior:url("/@/behaviors/PIE.htc"); }
.jobs-line .jobs-list ul { width:100%; padding:0; margin:0; list-style-type:none; }
.jobs-line .jobs-list ul li { padding:0; margin:0; text-align:center; position:relative; float:left;}
.jobs-line .jobs-list ul li img{ border:4px solid #fff4de; cursor:pointer; height:64px; width:64px; }
.jobs-line .jobs-list ul li.object { /*margin-left:20px;*/ background:none; }
.jobs-line .jobs-list ul li.object img { background:url(../images/decor/64-light.png); border:none; }
.jobs-line .jobs-list ul li.object .padding:hover { background:none; }
.jobs-line .jobs-list ul li.object i.arrow { background:url(../images/ico/arrows.png) 0 -300px no-repeat; width:38px; height:36px; position:absolute; top:34px; left:0; margin:-18px 0 0 -17px; }
.jobs-line .jobs-list .icon-locked-small { position:absolute; width:16px; height:16px; z-index:3; left:7px; bottom:7px; background-position:0px -2110px; }
.jobs-line .jobs-list .hover-area { position:absolute; z-index:4; width:48px; height:48px; cursor:pointer; }

/* jobs-points */
.welcome .jobs-points { position:absolute; z-index:11; left:0; top:0; width:654px; height:1px; }
.welcome .jobs-points .point,
.welcome .jobs-points .point-red { margin:0 -2px; cursor:pointer; position:absolute; margin:-44px 0 0 -17px; left:0; top:0; width:33px; height:44px; background:url(../images/ico/arrows-animated.gif); }
.welcome .jobs-points .point-red { margin-left:-2px; }
.welcome .jobs-points .point { background-position:-40px 0; }
.welcome .jobs-points .point-stagnant,
.welcome .jobs-points .point:hover { background-position:0 0; }
.welcome .jobs-points .point-red { background-position:-120px 0; }
.welcome .jobs-points .point-red-stagnant,
.welcome .jobs-points .point-red:hover { background-position:-80px 0; }

/* */
.jobs .welcome { background:url(../images/loc/nightclub-jobs.jpg) 50% -20px no-repeat #022c3c; padding-top:280px; margin-bottom:12px; zoom:1; color:#fff;  }
.jobs .welcome i.tlc,
.jobs .welcome i.trc { display:none; }
.jobs .welcome .block-rounded { background:#21103c; margin:0; }
.jobs .welcome .block-rounded .text { text-align:center; padding:10px; }
.jobs .welcome .block-rounded .text .hint { font-size:11px; color:#ae89bd; margin-top:5px; }

.jobs .jobs-map .block-rounded { color:#00405E; padding:4px 8px 4px 8px; background:#8ee7eb; position:static; }
.jobs .jobs-map .dashedlink { color:#00405e; border-color:#00405e; }
.jobs .jobs-map .jobs-line h3 { margin-top:0; text-align:left; color:#00405E; text-shadow:0 1px #b2f8fb }
.jobs .jobs-map .jobs-line .hint { font-size:11px; margin:-4px 0 4px 0; color:#00405E; }
.jobs .jobs-map .jobs-line .jobs-list { margin:0 -4px; }
.jobs .jobs-map .jobs-line .jobs-list li .padding { padding:3px; }
.jobs .jobs-map .jobs-line .jobs-list li .padding .img { width:64px; height:64px; }
.jobs .jobs-map .jobs-line .jobs-list .hover-area  { width:64px; height:64px; }
.jobs .jobs-map .jobs-line .jobs-list ul li .padding .percent { right:3px; bottom:3px; background:#8ee7eb; color:#00405E; }
.jobs .jobs-map .jobs-line .jobs-list ul li.current .padding { background:#2c54c7; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior:url("/@/behaviors/PIE.htc"); }
/* .jobs .jobs-map .jobs-line .jobs-list .hint { margin-left:4px; } */
.jobs .jobs-map .jobs-line .jobs-additional { margin-top:11px; border-top:1px solid #b0f6f9; padding-top:0; }
.jobs .jobs-map .jobs-line .jobs-additional h4 { font-size:11px; text-shadow:none; }
.jobs .jobs-map .jobs-line .jobs-additional h4 span { color:#0f6b96; float:left; position:relative; top:-8px; margin-bottom:-9px; line-height:1; background:#B0F6F9; padding:1px 4px 2px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url("/@/behaviors/PIE.htc"); }
.jobs .jobs-map .collectbar { width:262px; background:none; font-size:11px; /*margin-right:-4px; */ }
.jobs .jobs-map .collectbar td.stars { padding-right:1px; }
.jobs .jobs-map .collectbar td.actions { padding-top:2px; }
.jobs .jobs-map .collectbar td.actions .dashedlink { color:#00809b; border-color:#00809b; }
.jobs .jobs-map .collectbar td.actions .bonuses { position:relative; }
.jobs .jobs-map .collectbar td.actions .bonuses .description { width:300px; /*width:240px;*/ position:absolute; z-index:6; right:-8px; top:-5px; padding:5px 8px; border:2px solid #4eb8bd; background:#aef2f5; white-space:normal; text-align:left; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  behavior:url("/@/behaviors/PIE.htc"); }
.jobs .jobs-map .collectbar td.actions .bonuses .description p { margin:5px 0; }
.jobs .jobs-map .collectbar td.actions .bonuses .description table.rewards td { border-top:1px solid #c6f5f7; vertical-align:top; }
.jobs .jobs-map .collectbar td.actions .bonuses .description table.rewards .object-thumb { vertical-align:top; margin:0 8px 8px 0; }
.jobs .jobs-map .collectbar td.actions .bonuses .description table.rewards .object-thumb .padding { /*width:32px; height:32px; min-height:32px;*/ background:none;  }
.jobs .jobs-map .collectbar td.actions .bonuses .description table.rewards .object-thumb img { /*width:32px; height:32px;*/ background:none; }
.jobs .jobs-map .collectbar td.actions .bonuses .description table.rewards .object-thumb .count { /*top:24px;*/ background:#8EE7EB; color:#00405E; -moz-border-radius:3px; }
.jobs .jobs-map .collectbar td.actions .bonuses .description .hide { text-align:right; }
/* .jobs .jobs-map .collectbar td.actions .bonuses:hover { z-index:5; } */
.jobs .jobs-map .collectbar .icon-star-empty { background-position:-100px -270px; width:16px; height:17px; position:relative; top:-1px; }
.jobs .jobs-map .collectbar .icon-star-filled { background-position:-100px -250px; width:16px; height:17px; position:relative; top:-1px; }
.jobs .jobs-map .collectbar div.textbar,
.jobs .jobs-map .collectbar div.textbar div.percent { background-position:0 -190px;}
.jobs .jobs-map .collectbar div.textbar { border:1px solid #b0eff3; background-color:#7ce1e5; position:relative; width:200px; text-align:center; height:16px; }
.jobs .jobs-map .collectbar div.textbar div.percent  { width:0px; background-color:#0ea9b5; background-position:0 -220px; height:16px; }
.jobs .jobs-map .collectbar div.textbar div.num  { width:100%; position:absolute; left:0; top:0; height:16px; color:#c3f5f8; text-shadow:none; padding-top:0; }

/* tonus-overtip */
.tonus-overtip .tonus-overtip-increase { margin-top:3px; }
.tonus-overtip .tonus-overtip-increase span.textline { float:left; color:#0031A1; background:#afe0ec; padding:1px 3px; -moz-border-radius:5px;  behavior:url("/@/behaviors/PIE.htc"); }
.tonus-overtip i.thumb { background:none; }

/**/
.job-mastery-alert,
.job-linefinish-alert { width:400px; margin:-30px 0 0 -200px; font-size:11px; top:0; }
.job-mastery-alert #alert-text,
.job-linefinish-alert #alert-text { padding:0 0 0 84px; position:relative; }
.job-mastery-alert h4,
.job-linefinish-alert h4 { font-size:100%; font-weight:bold; margin-top:8px !important; color:#975D17 !important; text-shadow:0 1px 0 #FFF7E2 !important; }
.job-mastery-alert .close-cross,
.job-linefinish-alert .close-cross { color:#D5710C; text-shadow:0 1px #fff !important; }
.job-mastery-alert .padding,
.job-linefinish-alert .padding { font-size:100%; }
.job-mastery-alert .padding .actions,
.job-linefinish-alert .padding .actions { margin-top:5px; }
.job-mastery-alert #alert-text i.img,
.job-linefinish-alert #alert-text i.img { background:url("/@/images/decor/personal.png") no-repeat 0 -520px; padding:7px 6px; width:64px; height:64px; position:absolute; left:0; } 
.job-mastery-alert #alert-text i.img i.icon-ok-tick { display:none; }
.job-linefinish-alert #alert-text i.img i.icon-ok-tick { position: absolute; left: 27px; top: 40px; } 
.job-mastery-alert .object-thumb,
.job-linefinish-alert .object-thumb { color:#975D17 ; margin:0; padding:0; background:none; width:auto; margin-right:10px; }
.job-mastery-alert .object-thumb .padding,
.job-linefinish-alert .object-thumb .padding { float:none; margin:0; padding:0; background:none; position:relative; }
.job-mastery-alert .object-thumb .padding img,
.job-linefinish-alert .object-thumb .padding img { background:none; }
.job-mastery-alert .object-thumb .padding .count,
.job-linefinish-alert .object-thumb .padding .count { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url("/@/behaviors/PIE.htc"); }
.job-linefinish-alert .maxtonus { padding:2px 0; }
.job-linefinish-alert .maxtonus .tonus { background:#9eff40; padding:2px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  behavior:url("/@/behaviors/PIE.htc"); }