body {
    font-family:Arial !important;
    overflow-y: scroll;
    padding:0px;
    margin:0px;
    height:100%;
    font-size:14px;
}

input {
    font-family:Arial !important;
}

.borderTop {
    border-top:1px solid #ccc;
}


.jMenu li {
    background-color:#357;
}


.jMenu li a {
    text-transform: none !important;
    border-bottom:3px solid #357;
}

.jMenu li a:hover {
    border-bottom:3px solid rgb(68, 119, 187);
}



#jMenu .active {
    background-color: rgb(68, 119, 187);
    border-bottom:3px solid rgb(68, 119, 187);
}

#jMenu li ul {
    margin-top:4px;
}

#jMenu li ul li a:hover {
    border-bottom:1px solid #357;
    background-color: rgb(68, 119, 187);
}

#jMenu .subMenuHeading {
    padding-left:7px;
    font-weight:900;
    padding-top:5px;
    padding-bottom:10px;
    font-size:11px;
}

.noscroll {
    overflow:hidden;
}

#loadingIndicator div {
    border:1px solid #783f04;
    padding:5px;
    background-color:#f7c99b;
    color:#783f04;
    font-size:10px;
}

#loadingIndicator {
    position:fixed;
    z-index:100;
    top:60px;
    right:10px;
    display:none;
}

a {
    color:#006;
    text-decoration:none;
}

.ui-widget-content a {
    color:#006 !important;
}


a:hover {
    text-decoration:underline;
}

.topMenu select {
    margin-right:10px;
}

.topMenu {
    background-color:#357 ;
    color:#fff;
    font-size:12px;
}

.topMenu a {
    color:#fff;
    text-decoration:none;
}

.topMenu .topMenuItem {
    padding: 5px;
    float:left;
    padding-left:20px;
    padding-right:20px;
}


.topMenu .topMenuItem:hover {

    cursor:pointer;
}


button.options {
    height:20px;
    width:50px !important;
    margin:-1px;
}

.mainToolTip {
    z-index:1000;
    position:absolute;
    top:10px;
    right:10px;
    padding:20px;
    display:none;
    font-size:14px;
}

.mainToolTip .key {
    font-weight:300;
    background-color:#000;
    color:#fff;
    padding:3px;
    width:75px;
    display:block;
    float:left;
    margin-right:10px;
}

.mainToolTip .text {
    margin-top:3px;
}

.mainToolTip .row {
    margin-bottom: 10px;
}

.fadeInfo {
    color:#666;
    font-style: italic;
}

.mainToolTip input {
    width:auto;
    height:auto;
}

.gray {
    color:#999;
}

.red {
    color:#cd0a0a;

}

.green {
    color:#5b9909;
}

.blue {
    color:rgb(68, 119, 187);
}


.right {
    float:right;
}

.left {
    float:left;
}

.clear {
    clear:both;
}

h1 {
    margin-top:0px;
    font-size:28px;
    font-weight:300;
}

h2 {
    font-size:21px;
    font-weight: 300;
    color:rgb(68, 119, 187);
}
/* Task Widgets */

#itemStats {
    float:right;
    width:390px;
    height:100%;
    margin-top:22px;
}

#itemStats .name {
    font-size:20px;
    font-weight:900;
}

.ui-accordion .ui-accordion-content {
    padding:0px;
    padding-left:5px;
}

#itemStats .status {
    color:#5b9909;
    font-weight:900;
	font-size:18px;
}



#chartOverview {
	height:160px;
	float:left;
}

#chartAlloc {
	height:150px;
}


#chartDrift {
	height:150px;
}

#chartDriftDev {
	height:150px;
}



#chartRiskEv {
	height:150px;
}

#overviewDetail {
	float:right;
	width:260px;
}

.ontrack {
	color:#5b9909;
}

.risk {
	color:#f6a828;
}

.critical {
	color:#cd0a0a;
}

.closed {
	color:rgb(68, 119, 187);
}

.legendBox {
	width:20px;
	height:10px;
	float:left;
	margin-top:6px;
	margin-right:5px;
}

.gapb {
    background-color: #000;
    color:#fff;
}

.ontrackb {
	background-color:#5b9909;
    color:#fff;
    border-color: #5b9909;
}

.closedb {
	background-color:rgb(68, 119, 187);
    color:#fff;
    border-color: rgb(68, 119, 187);
}

.riskb {
	background-color:#f6a828;
    border-color: #f6a828;
}

.criticalb {
	background-color:#cd0a0a;
    color:#fff;
    border-color: #cd0a0a;
}

.riskb a {
    color:#000 !important;
}

.criticalb a, .closedb a, .ontrackb a {
	color:#fff !important;
}

.nob {
	background-color:#999;
    color:#fff;
    border-color: #999;
}

.nob a {
    color:#fff;
}

#allocBy, #driftBy, #showTime {
    float:right;
    margin-top: 24px;
    font-size:12px;
}

#showTime {
    margin-top:0px;
}

#allocBy .ui-button-text, #driftBy .ui-button-text, #showTime .ui-button-text {
    padding-top:2px;
    padding-bottom:2px;
}

#statsContent .ui-accordion .ui-accordion-content {
    padding-left:5px;
    padding-right:5px;
}


#statsContent .ui-accordion .ui-accordion-icons {
    font-size: 14px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.issueSolve {
    margin-top:4px;
    cursor:pointer;
}

.alternateBg {
    background-color:#efefff;
}

.accordion a {
    font-weight:900;
}

.hoursExpand {
    float:left;
    cursor:pointer;
}

.vertCenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.error {
    background-color: #c00;
    color:#fff;
    padding:5px;
    margin:5px;
    margin-left:0px;
}

.error a {
    color:#fff;
    font-weight:900;
}

.infomessage {
    background-color: rgba(255,222,107,.8);
    border:1px solid rgba(255,222,107,1);
    border-radius:5px;
    color:#000;
    padding:10px;
    margin:5px;
    margin-left:0px;
}

.okmessage {
    background-color: #9ad717;
    color:#000;
    padding:5px;
    margin:5px;
    margin-left:0px;
}

.hidden {
    display:none;
}

.vHidden {
    visibility: hidden;
}

.nomargin {
    margin:0px;
}

.spacer {
    padding:10px;
}

.halfSpacer {
    padding:5px;
}

.padded {
    padding:20px;
}

.round {
    border-radius: 1000px;
}

.vertCenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.page {
    padding:20px;
}

.pageN {
    padding: 20px;
    width: 1000px;
}

.note {
    color:#666;
    font-size:10px;
}

.fakeinp {
    padding:5px;
    border:1px solid #000;
}

button.btnOk {
    background:none ;
    background-color:#9ad717;
    color:#fff;
    font-weight:900;
    font-size:18px;
}

strong input, strong select {
    font-weight:900;
}

.areaItem h2 a {
    color:#fff;
}

.areaItem h2 {
    margin-top:0px;
    background-color: rgb(68,119,187);
    padding:5px;
}

.areaItem h3 {
    margin-top:0px;
}

.areaItem div.clear {
    padding:0px;
}

.areaItem {
    border-radius:5px;
    border:1px solid #369;
    padding:0px;
    margin:10px;
    margin-bottom:20px;
}

.areaItem div {
    padding:5px;
}

input.inline {
    border:1px solid #ccc;
}

input.numeric {
    text-align:right;
}

#accordionLoading {
    display:none;
}

.tblIssues a, .tblHours a {
    font-weight:900;
}

.reset-password{
    position: relative;
    display: block;
    /*margin-top: 40px;*/
    margin-left: 0px;
}

.login-holder-1{ 
    position: relative;
    display: block;
    width: 300px;
    height: 300px;
    border: 1px solid;
    margin: 3px 0px 0px 3px;
}

.login-holder-2{ 
    position: relative;
    display: block;
    width: 300px;
    height: 300px;
    border: 1px solid;
    margin: 3px 0px 0px 3px;
    background-color: #FFF;
}

.login-holder-3{ 
    position: relative;
    display: block;
    width: 300px;
    height: 300px;
    border: 1px solid;
    margin: 3px 0px 0px 3px;
    background-color: #FFF;
}




.user-info, .user-info-password{
    display: block;
    position: relative;
    float: left;
    width: 370px;
    height: 300px;
    background-color: red;
}

#accordion {
    float: left;
    position: relative;
    width: 800px;
    display: block;
}

.hint {
    border:1px solid #999;
    padding:10px;
    background-color: #ffc;
    position:absolute;
    z-index:10000;
    display:block;
    width:700px;
    display:none;
}

.hint a {
    color:#000;
}

.hint .left {
    float:left;
    margin-right: 20px;
}

.hint .right {
    float:right;
    width:510px;
}

.hint .issues {
    font-size:14px;
    padding-top:20px;
    clear:both;
    border-top:1px solid #ccc;
}

.hint .title {
    font-size:24px;
    font-weight:900;
}

.hint .progress {
    
    font-size:36px;
    font-weight:900;
}

.hint .status {
    font-size:20px;
    font-weight:900;
}

.hint-warning .progress, .hint-warning .status {
    color: #f6a828;
}

.hint-bad .progress, .hint-bad .status {
    color: #cd0a0a;
}

.hint-closed .progress, .hint-closed .status {
    color:rgb(68, 119, 187);
}

.hint-ok .progress, .hint-ok .status  {
    color: #5b9909;
}


.hint table {
    font-size:14px;
    margin-top:10px;
}

.hint td {
    width:100px;
}

.hint .legend {
    color:#999;
}

.fsnormal {
    font-size:14px;
}

.small {
    font-size:12px;
}



#leftMenu {
    float:left;
    width:200px;
    padding:20px;
    background-color:#f5f5f5;
    border-right:1px solid #eee;
    height:calc(100%);
}

#leftMenu div {
    padding:5px;
    margin-top:5px;
}

#leftMenu div.active {
    background-color:#369;
}

#leftMenu div.active a {
    color:#fff;
}

.tblHours {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    
}

.tblHours td {
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

.tblHoursSwitch, .tblHoursSwitch td {
    border:none;
}
.alternateBg {
    background-color:#f6f6f6;
}

.clickableIcon:hover {
    cursor:pointer;
    font-weight:900;
}

.tblWorkspaces tr .removeHours {
    visibility:hidden;
}

.tblWorkspaces tr:hover .removeHours {
    visibility:visible;
}

.tblWorkspaces a {
    font-weight:700;
    color:#000;
    margin-left:10px;
}

.tblGrid .header td {
    background-color:#eee;
}

.tblGrid {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    
}

.tblGrid td {
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

.tblHoursSwitch, .tblHoursSwitch td {
    border:none;
}

.multiBar {
	float:right;
	height: 12px;
    margin: 4px;
	width:100px;
	border:1px solid #aaa;
}

.multiBar div {
	float:left;
	height:13px;
}
.multiBar .ontrackb {
	background-color:#5b9909;
    opacity: 0.2;
    filter: alpha(opacity=20);
    
}

.multiBar .closedb {
	background-color:rgb(68, 119, 187);
}

.multiBar .riskb {
	background-color:#f6a828;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.multiBar .criticalb {
	background-color:#cd0a0a;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.loader-img{
    display: none;
    text-align: right !important;
    margin-top: -53px !important;
}

.fat-link {
    color:darkblue; 
    font-size: 14px; 
    font-family: Arial !important;
    font-weight: 700;
    color: #000;margin-left: 10px;
}

.nospacing {
    padding:0px !important;
    margin:0px !important;
}

.nospacing td {
    padding:0px !important;
    margin:0px !important;
}

.toggleSub {
    display:none;
}

.toggleSubVisible {
    display:block;
}

.toggleExpand {
    cursor:pointer;
}

.line1 {
    background-color:#999;
    height:1px;
    width:100%;
}

.infoText {
    text-align: justify;

}

.ajaxLoadLinkSelected {
    color:#000;
    font-weight: 900;
    text-decoration: none;
}

#divQuestionsTemplate {
    display: none;
}

.editinplace {
    cursor:pointer;
}

input.editinplace {
    border: none;
}


.editinplace:hover {
    background-color: #ffb !important;
    opacity: .8;
    cursor:pointer;
}

.bigVolume0 {
    background:  url('/images/volume.png') 0px -5px;
    width:50px;
    height:50px;

}

.bigVolume1 {
    background:  url('/images/volume.png') -50px -5px;
    width:50px;
    height:50px;

}

.bigVolume2 {
    background:  url('/images/volume.png') -100px -5px;
    width:50px;
    height:50px;

}

.bigVolume3 {
    background:  url('/images/volume.png') -150px -5px;
    width:50px;
    height:50px;

}

.smVolume0 {
    background:  url('/images/volume-small-white.png') 0px -3px;
    width:32px;
    height:32px;
    cursor:pointer;
}

.smVolume1 {
    background:  url('/images/volume-small-white.png') -32px -3px;
    width:32px;
    height:32px;
    cursor:pointer;
}

.smVolume2 {
    background:  url('/images/volume-small-white.png') -64px -3px;
    width:32px;
    height:32px;
    cursor:pointer;
}

.smVolume3 {
    background:  url('/images/volume-small-white.png') -96px -3px;
    width:32px;
    height:32px;
    cursor:pointer;
}

.volumeBlack {
    background-image: url('/images/volume-small.png');
}

.volumePicker {
    display: none;
}

.hasTaskHint::before {

}

.wTemplate {
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-top:50px;
    padding:15px;
    cursor: pointer;
}

.wTemplate:hover {
    background-color: #e1edf7;
}

.wTemplateIcon {
    border:1px solid #999;
}

.wTemplateName {
    font-weight:900;
}

.readOnly {
    background-color: #f6f6f6;
}

.editPropTd {
    padding:0px;
}

.editPropTd input, .editPropTd select {
    width:100%;
    margin:0px;
    border:none;
    height:25px;
    padding-left:5px;
}

.customRadio {
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    margin-left:10px;
    border-radius:5px;
    cursor:pointer;
}

.radioActive {
    background-color:#666;
    color:#fff;
}

.tQuestions {
    font-size:18px;
}

.questionsControls {
    display:none;
}

.complexMenu {
    display:none;
}

#tmiWorkspaces {
    margin-left:20px;
}

.pageTitle {
    color:#fff;
    background-color: rgb(68, 119, 187);
    padding:10px;
    padding-left:20px;
}

.pageTitleMenu {
    padding-bottom: 0px;
}


.pageTitle a {
    color:#fff;
}

.pageTitle h1 {
    margin:0px;
}


#describeMenu {
    margin-top:10px;
}

#describeMenu li {
    background-color: rgb(68, 119, 187) !important;
}

#describeMenu li a {
    border-bottom:2px solid rgb(68, 119, 187);
    font-weight:900;
}

#describeMenu li a:hover {
    border-bottom:2px solid #f6f6f6;
    text-decoration: none;
}

#describeMenu li a.active {
    border-bottom:2px solid #f6f6f6;
    background-color:#f6f6f6;
    color: rgb(68, 119, 187);
}

.jqText {
    padding:5px;
}

.jqButton {
    margin-top:-2px;
}

.btnGreen {
    background: #9ad717 none repeat scroll 0 0;
    color: #fff;
    font-weight: 900;
}

.btnLarge {
    font-size:18px;
}