body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{ margin:0; padding:0; }
img{ border:0; }
address,caption,cite,code,verdfn,em,strong,th,var{ font-style:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
q:before,q:after{ content:''; }
abbr,acronym{ border:0;border-bottom:1px dotted #000;cursor:help; }
html{ overflow-y:scroll; }
body{ background-color:#FFF;font:62.5%/1.6em Arial,Helvetica,Verdana,sans-serif;font-size:11px;padding:0 4px; }
@media (min-width: 1200px) {
	body{ font-size:12px}
}
blockquote,ul,ol,dl{ margin:1em; }
ol,ul,dl{ margin-left:2em; }
ol li,ul ol li{ list-style:decimal outside; }
ul li,ol ul li{ list-style:disc outside; }
ul ul li{ list-style-type:circle; }
ol ol li{ list-style-type:upper-roman; }
dl dd{ margin-left:10em;padding-left:0.5em; }
th{ font-weight:bold; }
caption{ margin-bottom:.5em;text-align:center; }
p{ margin-bottom:1em; }
a{ text-decoration:underline;color:#547c6c;text-decoration:none; }
a:hover{ color:#5448b9;text-decoration:none; }
h1{ font-size:1.8em; }
h2{ font-size:1.6em; }
h3{ font-size:1.4em; }
h1,h2,h3{ margin:0.5em 0; }
h4,h5,h6{ font-size:1.1em; }
h1,h2,h3,h4,h5,h6,strong{ font-weight:bold;line-height:normal;color:#5C4CBD; }
b,strong{ font-weight:bold; }
i,em{ font-style:italic; }
code,pre{ font-family:"Courier New",Courier,monospace;white-space:pre;background-color: black;color: white; }
html{ height:100%; }
INPUT:disabled,SELECT:disabled,TEXTAREA:disabled,OPTION:disabled{ color:#808080; }/*font:11px Arial,Helvetica,sans-serif; }*/
textarea {max-width: 100%;}
input, textarea {clear: both;/*font-size: 140%;*/padding: 2px;width: auto;}
select {clear: both;font-size: 100%;padding: 2px;vertical-align: middle;max-width: 200px;}
input[type=number]:invalid { background-color: red; }
input.due{border: none;padding: 1px 0 1px 0;margin: 0;font: 11px Arial,Helvetica,Verdana,sans-serif;width:56px;}
#banner .logo{ margin:0; }
.important{ font-weight:bold; }
.highlight{ background:#FCF;font-weight:bold;margin:0 1px; }

#navigation ul{ margin:0 auto; }
#navigation ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
#navigation li{ float:left;list-style-type:none;position:relative; }
#navigation .child-menu{ display:none; }

.nav-menu li a.ancestor{ font-weight:bold; }
.nav-menu li a.selected{ color:#000;font-weight:bold;text-decoration:none; }
.nav-menu ul{ padding-left:10px; }

#contentWrapper{ margin:0 auto;padding-top: 8px;}

td table{ margin-top:0; }
th,td{ text-align:left;vertical-align:top; }
dt,th{ font-weight:bold; }
dt{ float: left; width: 12em; }

table.nowrap td{ white-space: nowrap; }

.left{ text-align:left!important; }
.right{ text-align:right!important; }
.center{ text-align:center!important; }
.middle{ vertical-align:middle!important; }
.hidden{ display:none!important; }
.nowrap, .nowrap *{ white-space:nowrap!important; }
.clear:after{ clear:both;content:" ";display:block;height:0;font-size:0;line-height:0;visibility:hidden; }
.clear{ display:inline-block; /* backslash hack \ */ }
* html .clear{ height:1%; }
.clear{ display:block; }

/* backslash hack */

#cont{ min-height:100%;margin:0 -10px; }
#wrap{ min-height:100%;width:960px;margin:0 auto; }
#content{ position:relative; overflow:hidden;/*width:1000px;*/padding:0;margin-bottom:30px;margin: 50px auto 0;min-height:400px;}

#wizard{ border: 1px inset gray;
left: 40px;
right: 40px;
z-index: 1001;
background: white;
display: block;
position: absolute;
top: 100px;
padding: .2em;
width: auto;
bottom: 5%;
}
div.vscroll{
/*width: 79%;*/
border-left: 215px solid #f5f5f5;
padding: 1%;
position: absolute;
right: 2px;
left: 2px;
bottom: 2px;
top: 37px;
overflow-y: auto;
width: auto;
}
#wizard .actions{
width: 195px;
min-width: 195px;
overflow-x: hidden;
position: relative;
z-index: 1007;
}

#overlay{ display:none;position:fixed;top:0;left:0;z-index:2000;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50); }
#footer{ position:relative;height:38px;margin:-38px -10px 0;line-height:38px;background:#332b30;color:#fff; }
#footer .a{ width:960px;margin:0 auto; }

/** html #overlay{ position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px'); }*/

#header{ height:2px;overflow:hidden;width:100%;margin:0 auto; }
#mainmenu{
margin:0;
background: #232e36 url(../img/bg.png) 0 -42px;
color:#fff;left:4px;right:4px;height: 42px;border-radius: 2px;z-index: 4;position: absolute;box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.55);}
#menuInner {width:auto;float:left;margin:0 auto;font:12px Arial,Helvetica,sans-serif;font-weight:bold;}
#menuInner ul{width:auto;height:42px;overflow:hidden;margin:0;}
#menuInner li,#menuInner a,#menuInner span{ float:left;line-height:30px;}
#menuInner li{list-style: none outside none; padding:0;background:url(../img/bg.png) no-repeat 100% 0;}
#menuInner a{padding-right:16px;color:#fff;text-decoration:none;}
#menuInner span{cursor: pointer;padding: 6px 0 6px 16px;}
#menuInner li.active a,#menuInner li.active span,#menuInner li.active-last a,#menuInner li.active-last span{background: #8a5cd9 url(../img/bg.png) repeat-x 0 -84px;color:#fff;cursor:pointer;margin-right: 2px;}
#menuInner A:hover{ color:#7468d9; }

#logo {background:url(../img/moneypig.png) no-repeat 50% 0;width:50px;height:42px;}

.normal{ color:#808080; }
.emph{ color:#5C4CBD; }
.dark{ color:#416859; }
.light{ color:#FFF; }
.func{ color:#444; }
.emph2{ color:#E82D85; }
.infield{ color:#CCC; }
.normal{ font-size:11px; }
.med{ font-size:14px; }
.big3,h3{ font-size:18px; }
.big2,h2{ font-size:24px; }
.big1,h1{ font-size:30px; }
.bold{ font-weight:bold; }

a{ color:#5C4CBD;text-decoration: underline; }
a:hover{ color:#5C4CBD;text-decoration:none; }
a.emph{ text-decoration:underline; }
td.num{ text-align:right;white-space:nowrap; }
th.num{ text-align:right; }
th.wrap,td.wrap{ white-space:normal; }

.uppercase{ text-transform:uppercase; }
.error-msg{ color:#CC0A0A;font-weight:bold; }
.ok-msg{ color:#003479;font-weight:bold; }
input.error{ border:1px solid #CC0A0A; }
.f-left{ float:left; }
.f-right{ float:right !important; }
.mt10{ margin-top:1em!important; }
.mt20{ margin-top:2em!important; }
.mt40{ margin-top:4em!important; }
.mt100{ margin-top:100px!important; }
.mb20{ margin-bottom:2em!important; }
.pt40{ padding-top:4em!important; }
.pt100{ padding-top:100px!important; }
.nopadding{ padding:0; }
.nomargin{ margin:0; }
.noborder{ border:0; }
.w420{ width:420px; }
.w450{ width:450px; }
.w540{ width:540px; }
.w660{ width:660px; }

.buttons {float:right;}
#ui-datepicker-div {display:none;}
.leftdiv {float:left;clear: none;}
.toppad {margin-top: 18px;}
.plan_rejected td, .plan_rejected {color: red;}
.plan_accepted td, .plan_accepted {color: green;}
.plan_submitted td, .plan_submitted {color: black;}
.related_planrows_table {text-align: center;clear: both;padding-top: 16px;}
.related_planrows_table table {display: inline-table;}

.file-wrapper {cursor: pointer;display: inline-block;/*overflow: hidden;*/position: relative;}
.file-wrapper input {cursor: pointer;/*font-size: 100px;*/height: 100%;filter: alpha(opacity=1);-moz-opacity: 0.01;opacity: 0.01;position: absolute;z-index:2;right: 0;top: 0;}
.file-holder {padding:0 6px;}
.file-wrapper button {padding-top:0;padding-bottom:0;}
.h76px {height: 76px;}
.warning {color: red;font-weight: bold;font-size: 12px;}
.padh10 {padding:0 10px;}
button.accept_all {margin: 0px 6px;padding:2px 5px;font-size: 11px;cursor: pointer;background:#6256af;background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);border-color: #2d2463;color: #fff;text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;visibility:hidden;}
button.accept_all:hover {background: #5B50a1;}
.jquery-thead th {background-color: white;}

#sortable{margin: 0;}
#sortable li{padding: 6px;border: 1px outset gray;list-style: none outside none;background: none repeat scroll 0 0 white;}
#sortable span{width: 24.8%;display: inline-block;}
#sortable span:last-child{width:auto;float:right;}

.alert td{background-color: #FDA;}

.w30{width:30%;}

.breadcrumb {
display: inline-block;
box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.55);
overflow: hidden;
border-radius: 5px;
background: #ACA9D1 url(../img/bg.png) repeat-x 0 -126px;
}

.breadcrumb a {text-decoration: none;outline: none;display: block;float: left;line-height: 16px;color: white;padding: 4px 34px 0 10px;background: #ACA9D1 url(../img/bc.png) repeat-x 0 -84px;position: relative;height: 38px;}
.breadcrumb a.pfirst {text-decoration: none;outline: none;display: block;float: left;line-height: 16px;color: white;padding: 4px 34px 0 10px;background: #ACA9D1 url(../img/bc2.png) repeat-x 0 -84px;position: relative;height: 38px;}
.breadcrumb a:first-child {padding-left: 10px;border-radius: 5px 0 0 5px;}
.breadcrumb a:first-child:before {left: 14px;content:none;}
.breadcrumb a:last-child {border-radius: 0 5px 5px 0;padding-right: 10px;}
.breadcrumb a.active, .breadcrumb a:hover{background: #8A5CD9 url(../img/bc.png) repeat-x 0 -126px;}
.breadcrumb a:before {content: '';position: absolute;top: 0;left: -24px;width: 24px;height: 42px;z-index: 1;background: transparent url(../img/bc.png) repeat-x 0 -42px;}
.breadcrumb a.pfirst:before {content: '';position: absolute;top: 0;left: -24px;width: 24px;height: 42px;z-index: 1;background: transparent url(../img/bc2.png) repeat-x 0 -42px;}
.breadcrumb a.active.pfirst, .breadcrumb a.pfirst:hover{background: #8A5CD9 url(../img/bc2.png) repeat-x 0 -126px;}
.breadcrumb a.active:before, .breadcrumb a:hover:before {background-position: 0 0px;}

.gray{color: gray;}
.red{color: red;}
.related span{float:right;font-weight:normal;font-size:1em;color:rgba(119, 136, 153, 0.7);max-width:64%;}
.related code{font-weight:normal;font-size:1em;color:#77b000;}
.related h3{float:left;max-width:35%;}
.panel{display:block;width:49.9%;border:none;padding: 8px 0px 0px 0px;}
div.work{display:block;width:99.8%;overflow-x:hidden;overflow-y:auto;box-sizing: border-box;border:1px solid gray;max-height:600px}
table.work td{border:none}
.top{vertical-align: top;}
.shadow{-moz-box-shadow:0px 8px 6px -6px #CCC;-webkit-box-shadow:0px 8px 6px -6px #CCC;box-shadow:0px 8px 6px -6px #CCC;border-top: 1px outset #EBEBEB;cursor:n-resize}
.actions.shadow{pointer-events: none;cursor: default;}
.actions.shadow a,
.disabled {opacity:.5}

.graph_input{width:180px; float:left}
.graph_input input[type="text"]{width:128px}

.graph_table{float: left;clear: none;min-width: 40%;}
.graph_table input{border: 1px solid lightgray;width: 70px;font-size: 11px;}

.placeholder{color: #aaa;}

.guide{
margin-top: 16px;
font-weight:normal;
padding: 4px 8px;
background: #77b000;
background-image: -webkit-linear-gradient(top, #fefece, #77b000);
background-image: -moz-linear-gradient(top, #fefece, #77b000);
background-image: -ms-linear-gradient(top, #fefece, #77b000);
background-image: linear-gradient(top, #fefece, #77b000);
color:#333;
border:1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
text-shadow: #fff 0px 1px 0px;
min-width: 0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.guide span{
/* color:#77b000; */
font-weight:bold;
}

table.fixedTable{table-layout:fixed;}
table.fixedTable td{white-space:nowrap;overflow: hidden;}

#feedback{height: 40px;width: 39px;position: relative;background-image: url(../img/phonered.png);z-index: 30900;float: right;margin-right: 4px;margin-top: 1px;margin-left: 2px;}

#logout{font-weight: bold;padding: 12px;float: left;background:url(../img/bg.png) no-repeat 100% 0;}

.ca_vs_cl li{list-style: none;float: left;width: 96px;}
.ca_vs_cl input{margin-top: 3px;margin-right: 4px;}

[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;}

.linkButton{margin-bottom: 8px;display: inline-block;}

.redC{
background: #F00;
height: 16px;
width: 16px;
padding: 0;
margin: 0;
line-height: 17px;
text-align: center;
border-radius: 8px;
border: 1px inset white;
display: inline-block;
}
.toRead{
margin-left: -27px;
margin-top: 11px;
}

.highrow dt{
	padding:4px;
}
.highrow dd{
	padding:4px;
	margin-left: 0px;
}
.yellow{
background: #ffff8f;
}
.orange {
background: #ffcf6f;
}
/*
table tr.yellow:nth-child(even) {
background: #f9f980;
}
table tr.yellow:nth-child(odd) {
background: #ffff8f;
}
table tr.orange:nth-child(even) {
background: #f9c960;
}
table tr.orange:nth-child(odd) {
background: #ffcf6f;
}
*/
.hideDates table{
	display: none !important;
}

#statuses { font-size: 1.1em; list-style-type: none; margin: 0; padding: 0; width: 777px; overflow: hidden;}
#statuses li { margin: 3px; padding: 0.4em; height: 18px; list-style: none; border: 1px inset lightgray; white-space: nowrap; width:239px; float:left; overflow: hidden;}
#statuses input{ margin-right: 4px; margin-top: 3px;}

td.actions {
 width:200px;
}
td.index{
 border-left: 1px solid gray;
 padding-left: 8px;
}
table tr td:first-child{
white-space: nowrap;
}
/**
 * Farbtastic Color Picker 1.2
 * © 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
 */
.farbtastic {
 position: relative;
}
.farbtastic * {
 position: absolute;
 cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
 width: 195px;
 height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
 top: 47px;
 left: 47px;
 width: 101px;
 height: 101px;
}
.farbtastic .wheel {
 background: url(../img/wheel.png) no-repeat;
 width: 195px;
 height: 195px;
}
.farbtastic .overlay {
 background: url(../img/mask.png) no-repeat;
}
.farbtastic .marker {
 width: 17px;
 height: 17px;
 margin: -8px 0 0 -8px;
 overflow: hidden;
 background: url(../img/marker.png) no-repeat;
}


@font-face {
 font-family: 'arrowicons';
 src: url("../font/arrowicons.eot");
 src: url("../font/arrowicons.eot?#iefix") format('embedded-opentype'), url("../font/arrowicons.woff") format('woff'), url("../font/arrowicons.ttf") format('truetype'), url("../font/arrowicons.svg#arrowicons") format('svg');
 font-weight: normal;
 font-style: normal;
}
.sp-slider-wrapper {
 box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 padding: 15px 65px;
 position: relative;
 margin: 0 auto;
 width: 0px;
 -webkit-transition: width 150ms ease-out;
 transition: width 150ms ease-out;
}

.sp-slider-wrapper nav a {
 position: absolute;
 width: 50px;
 height: 50px;
 line-height: 50px;
 top: 0;
 cursor: pointer;
 text-indent: -9000px;
}

.sp-slider-wrapper nav a.sp-prev {
 left: 0px;
}

.sp-slider-wrapper nav a.sp-next {
 right: 0px;
}

.sp-slider-wrapper nav a:after {
 font-family: 'arrowicons';
 font-style: normal;
 font-weight: normal;
 speak: none;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 line-height: inherit;
 text-indent: 0px;
 font-size: 30px;
 color: #999;
 text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.sp-slider-wrapper nav a.sp-prev:after {
 content: '\e75d';
}

.sp-slider-wrapper nav a.sp-next:after {
 content: '\e75e';
}

.sp-slider {
 background: rgba(151,151,151,0.1);
 border: 1px solid rgba(108,108,108, 0.2);
 border-bottom: 1px solid rgba(108,108,108, 0.05);
 box-shadow: 0 1px 0 rgba(255,255,255,0.7);
 height: 20px;
 border-radius: 20px;
 position: relative;
}

.sp-slider .ui-slider-handle {
 outline: none;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 border: none;
 top: -12px;
 margin-left: -20px;
 left: 0;
 cursor: pointer;
 position: absolute;
 background-color: #fff;
 background-image: -webkit-linear-gradient(-90deg, transparent, rgba(0,0,0,0.07) 80%);
 background-image: -moz-linear-gradient(-90deg, transparent, rgba(0,0,0,0.07) 80%);
 background-image: -o-linear-gradient(-90deg, transparent, rgba(0,0,0,0.07) 80%);
 background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,0.07) 80%);
 box-shadow:
 0 -1px 0 rgba(0,0,0,0.1),
 0 1px 0 rgba(255,255,255,0.7),
 inset 1px -1px 1px rgba(0,0,0,0.1);
}

.sp-slider .ui-slider-handle.ui-state-active {
 box-shadow:
 0 -1px 0 rgba(0,0,0,0.1),
 0 1px 0 rgba(255,255,255,0.7),
 inset 1px -1px 2px rgba(0,0,0,0.15);
}

.sp-slider-open .ui-slider-handle {
 box-shadow:
 0 1px 2px rgba(0,0,0,0.1),
 0 6px 3px -3px rgba(0,0,0,0.1);
}

.sp-slider-open .ui-slider-handle.ui-state-active {
 box-shadow:
 0 1px 2px rgba(0,0,0,0.1),
 0 4px 3px -3px rgba(0,0,0,0.1);
}

/*.sp-slider .ui-slider-handle:after,
.sp-slider .ui-slider-handle:before {
 content: '';
 position: absolute;
 left: 10%;
 top: 10%;
 width: 80%;
 height: 80%;
 border-radius: 50%;
 opacity: 0.8;
 background-color: #fff;
 background-image: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.06), transparent 80%);
 background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0.06), transparent 80%);
 background-image: -o-linear-gradient(-90deg, rgba(0,0,0,0.06), transparent 80%);
 background-image: linear-gradient(-90deg, rgba(0,0,0,0.06), transparent 80%);
}
*/
.sp-slider .ui-slider-handle span {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 10;
 text-align: center;
 background: transparent;
 color: #777;
 font-family: 'Lato', Arial, sans-serif;
 font-weight: 900;
 line-height: 40px;
 font-size: 14px;
 text-shadow: 0 1px 1px rgba(255,255,255,0.9);
}

.sp-slider-open .ui-slider-handle span {
 color: #aaa;
}

.reorderable .tabs {
margin-bottom: 4px;
}

td.raportDebt {
/*box-shadow: none !important;*/
/*border: 1px solid #eee;*/
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-right: none;
background-color: #efefef;
/*border-bottom: 1px solid #ddd;*/
box-shadow: -1px 0px 3px #666 !important;
/*border-right: 2px solid white;*/
}

table.admin {
width:auto;
}

fieldset.admin > div {
clear:none;
width: auto;
float:left;
}

fieldset.todo {
margin-bottom: 0px;
padding: 8px;
border: 1px solid whitesmoke;
/*border-top: 1px solid violet;*/
font-size: 14px;
padding-top: 26px;
}

fieldset.todo legend {
color: #333;
/*font-size: 100%;*/
font-weight: bold;
/*padding-left: 8px;*/
/*padding-right: 8px;*/
font-size: 12px;
/*background-color: whitesmoke;*/
/*border-radius: 8px;*/
position: absolute;
margin-top: -22px;
}

fieldset.todo:nth-child(even) {
box-shadow: 0px 512px rgba(0, 0, 0, 0.06) inset;
}

div.actions {
min-width: inherit;
}
select.resolution {
padding: 0;
}

#environment {
position: fixed;
font-size: 72px;
top: 44px;
font-weight: 800;
opacity: .7;
z-index: 1151;
right: 48px;
padding: 0;
pointer-events: none;
line-height: 72px;
}

table.ellipsis {
table-layout: fixed;
white-space: nowrap
}

table.ellipsis tbody td {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

tr.last > td {
border-collapse: collapse;
border-top: 7px solid white;
border-bottom: 8px solid white;
font-size: 14px;
font-weight: bolder;
}

table.debts {
table-layout: fixed;
white-space: nowrap;
}

table.debts td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}