﻿
.toolTip { padding: 10px; padding-left: 35px; border: solid 1px #dddddd; background: #ffffff url(../Images/Template/toolTipBg.png) no-repeat top left; color: #000000 !important; }
.prompt { padding: 10px; padding-left: 35px; border: solid 2px #000000; background: #995555 url(../Images/Template/promptBg.png) no-repeat top left; color: #ffffff !important; font-weight: bold; }
.promptSuccess { background: #559955 url(../Images/Template/promptBgSuccess.png) no-repeat top left; }
.promptAlert { background: #ffff99 url(../Images/Template/promptBgAlert.png) no-repeat top left; color: #000000 !important; }

ul.tabMenu { margin: 0; padding: 0 0 0 10px; height: 30px; list-style-type: none; border-bottom: solid 1px #555555; }
ul.tabMenu li { height: 30px; margin: 0; padding: 0; float: left; }
ul.tabMenu li a { height: 28px; margin: 0; padding: 0; float: left; padding: 0 10px; margin-right: 1px; margin-top: 2px; text-decoration: none; background: #339933 url(../Images/Template/tabMenuBg.png) repeat-x bottom; }
ul.tabMenu li a span { height: 28px; font-weight: normal; color: #ffffff; line-height: 28px; }
ul.tabMenu li a.selected { height: 30px; background: #ffffff url(../Images/Template/tabMenuSelectedBg.png) repeat-x top; color: #000000; border: solid 1px #555555; border-bottom: none 0px; margin-top: 0; line-height: 30px; }
ul.tabMenu li a.selected span { height: 30px; color: #000000; font-weight: bold; line-height: 30px; }
ul.headerMenu li a { background-color: #339933; background-image: url(../Images/Template/tabMenuYellowBg.png); }
ul.headerMenu li.headerMenuUser { width: 180px; }
ul.headerMenu li.headerMenuUser span { height: 30px; margin: 0; padding: 0; float: left; line-height: 30px; padding: 0 10px 0 0; margin-right: 1px; text-decoration: none; color: #000000; font-weight: normal; }


/* div/box stuff */

.gradientBox { background: url(../Images/Template/grayBg.png) left top repeat-x; padding: 10px; padding-top: 15px; border: solid 1px #cccccc; }
.basicBox { background: #ffffff; padding: 10px; padding-top: 15px; border: solid 1px #cccccc; }
.tabContentBox { background: #ffffff; padding: 10px; border: solid 1px #777777; border-top: none 0; }
.btnContainerRight { padding: 20px; text-align: right; }
h3.basicBoxHeader { margin-left: 10px; margin-bottom: -15px; margin-top: 10px; display: inline-block; background: #ffffff; padding: 0px 10px; }
h3.gradientBoxHeader { margin-left: 10px; margin-bottom: -15px; margin-top: 10px; display: inline-block; border: solid 1px #cccccc; background: #ffffff; padding: 3px 10px; }

h2.basicHeader { border-bottom: solid 1px #cccccc; height: 16px; margin-top: 20px; margin-bottom: 30px; }
h2.basicHeader span { background: #ffffff; margin: 0 10px; padding: 0px 10px 5px 10px; border: solid 1px #cccccc; background: #999999 url(../Images/Template/inputBtnBg.png) repeat-x top; -webkit-border-radius: 4px; text-shadow: -1px -1px 0 rgba(255,255,255,1); }

h3.basicHeader { border-bottom: solid 1px #cccccc; height: 11px; margin-top: 20px; margin-bottom: 30px; }
h3.basicHeader span { background: #ffffff; margin: 0 10px; padding: 0px 10px 2px 10px; border: solid 1px #cccccc; background: #999999 url(../Images/Template/inputBtnBg.png) repeat-x top; -webkit-border-radius: 4px; text-shadow: -1px -1px 0 rgba(255,255,255,1); }

/* lists */


.projectItem { border: solid 1px #ffffff; }
.projectItem td { margin-top: 0px !important; padding-top: 1px !important; margin-bottom: 0px !important; padding-bottom: 1px !important; }
.projectItem input[type="button"], .projectItem input[type="submit"] { margin: 0 0; padding: 0 0; }
.projectItem a { text-decoration: none; }
.projectItem .projectId { font-weight: normal; }

.projectItem .progress-bar { width: 50px; }

/* project types - project, tfstask, sqltask, othertask, etc */
.projectItemType1, .projectItemType1 a { font-weight: bold !important; color: #000000 !important; }
.projectItemType2, .projectItemType2 a { color: #0000ff !important; }
.projectItemType3, .projectItemType3 a { color: #009999 !important; }
.projectItemType4, .projectItemType4 a { color: #990099 !important; }

.projectItemPriority1 { background: #eeeeee; }
.projectItemPriority2 { background: #eeeeee; }
.projectItemPriority3 { background: #eecccc; }

.projectItemLifeCycle1 { background: #eeeeff !important; }
.projectItemLifeCycle2 { }
.projectItemLifeCycle3 { background: #e5e5e5 !important; }

.projectItemLifeCycle1, .projectItemLifeCycle1 a { color: #885500 !important; }
.projectItemLifeCycle2, .projectItemLifeCycle2 a { }
.projectItemLifeCycle3, .projectItemLifeCycle3 a { color: #999999 !important; text-decoration: line-through; }

.projectRootDepth { font-size: 120%; font-weight: bold; }
.projectSubDepth td { padding-top: 1px !important; margin-top: 0px !important; padding-bottom: 1px !important; margin-bottom: 0px !important; }

.projectIndent { padding-left: 16px; background: url(../Images/Icons/16/tree-mid-branch.png) no-repeat left; }

.projectComplete { background: #ddeedd !important; }
.projectComplete .progress-bar > span { background: #007700 !important; }

.techProjectList .projectItemHighlighted { color: #cc00cc !important; background: #ffccff !important; }
.techProjectList .projectItemHighlighted a { color: #cc00cc !important; }

.techProjectList tbody tr td { vertical-align: middle; }


/* tables */

.tblSummary { border-collapse: collapse; width: 100%; }
.tblSummary tr {  }
.tblSummary th, .tblSummary td { text-align: left; padding: 5px; border: none 0; }
.tblSummary tr th { font-weight: bold; border-bottom: solid 1px #000000; }
.tblSummary tr td { border-bottom: solid 1px #cccccc; }
.tblSummary td { }
.tblSummary td h4 { margin: 0; }

.tblSummary tr.heading th, .tblSummary tr.heading td { border-top: solid 2px #669933; border-bottom: none; text-align: left; }
.tblSummary tr.gap th, .tblSummary tr.gap td { padding-top: 20px; }
.tblSummary tr.heading th { border-bottom: solid 2px #99cc66; color: #669933; font-weight: normal; }
.tblSummary tr.heading th.left { text-align: left; }

.tblSummary tr td.highlight { }

.tblSummary tr th.center, .tblSummary tr td.center { text-align: center; }
.tblSummary tr th.large, .tblSummary tr td.large { }

.tblSummary tr td.heading { border-right: solid 1px #cccccc; font-weight: bold; }

.tblSummary a { text-decoration: none; color: #00703c; }
.tblSummary a:hover { text-decoration: underline; }
.tblSummary a.email { color: #7777cc; }


/*.tblSummary tr { background: #f0f0f0; }*/
.tblSummary tr.alt { background: #ffffff; }

table.tblLayout { border-collapse: collapse; margin: 0; padding :0; }
table.tblLayout tr th.col, .tblLayout tr td.col { margin: 0; padding: 0; vertical-align: top; padding-right: 20px; }

table.tblForm { border-collapse: collapse; }
table.tblForm tr th label, table.tblForm tr td label { line-height: 25px; font-weight: bold; }
table.tblForm tr th { text-align: left; padding-right: 15px; }
table.tblForm tr td { }
table.tblForm tr td input { margin-right: 15px; }


.tblCalendar { background: #ffffff; }

.tblCenter { margin: 0 auto; }

/* tree view stuff */

.fsTreeView a { color: #000077; text-decoration: none; font-weight: normal; }
.fsTreeView a:hover { color: #5555cc; }
.fsTreeView a small { font-weight: normal; }
.fsTreeView a.folder { color: #555555; text-decoration: none; }
.fsTreeView a span.new { background: url(../Images/Icons/new.gif) no-repeat right top; padding-right: 25px; }
.fsTreeView a span.updated { background: url(../Images/Icons/updated.gif) no-repeat right top; padding-right: 38px; }
.fsTreeView h3 { color: #333333; margin: 5px 0; padding: 0; font-weight: bold; }
.fsTreeView h4 { color: #333333; margin: 5px 0; padding: 0; font-weight: bold; text-transform: uppercase; }

/* misc */

label.compulsory { background: url(../Images/Template/frmLabelCompulsoryBg.png) no-repeat right top; padding-right: 8px; }

.productDescription { padding-bottom: 4px; }
.productDescription span { }
.productDescription .extra { color: #009900; font-weight: bold; }
.productDescription .inactive { color: #cc7777; text-decoration: line-through; }

/* rounded corners via css */

 .prompt,
 .toolTip { -webkit-border-radius: 8px; }
 
 .nowrap { white-space: nowrap !important; }

.ajax__calendar { position: relative; z-index: 1000; } /* fix by cc  */

.loading
{
    border: solid 1px #817567;
    border-radius: 5px;
    background: #eeeeee url(../images/icons/loading.gif) no-repeat 6px 6px !important;
    color: #555555;
    text-align: center;
    padding: 6px;
    padding-left: 30px;
    display: inline-block;
}

.expandCollapse
{
    padding: 10px 5px 5px 5px;
    margin: 0;
    display: block;
    clear: both;
    background: right no-repeat;
}

.expand {
    background: right no-repeat url("https://www.specialtys.com/images/buttons/expandIcon.png");
    cursor: pointer;
}


.collapse {
    background: right no-repeat url("https://www.specialtys.com/images/buttons/collapseIcon.png");
    cursor: pointer;
}