/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('../fontsRoboto//roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/opensans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/opensans/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
    font-family: 'Open Sans', sans-serif;
}

body > div.container {
    padding-bottom: 80px;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    color: transparent;
}

.ui-widget-content a {
    color: #337ab7;
    text-decoration: underline;
}

    .ui-widget-content a.btn {
        color: black;
    }

    .ui-widget-content a.btn-danger {
        color: white;
    }

a {
    outline: none;
}

    a.btn {
        text-decoration: none;
        margin-bottom: 8px;
    }

#hd {
    margin-top: 4px;
    margin-bottom: 4px;
}

#ft {
    margin-top: 32px;
}

#clock {
    float: left;
    margin-right: 8px;
    width: 354px;
    height: 81px;
    margin-bottom: 8px;
}

#title {
    width: 833px;
}

#bd {
    clear: both;
}

.tbDate {
    text-align: center;
}

.customerIdInternal {
    background-color: #FFEE79;
}

.today {
    background-color: #FAFF1C;
}

.weekend {
    background-color: #C0C0C0;
}

.tmInp td input {
    width: 30px;
    text-align: center;
}

.al {
    text-align: left;
}

.buttonrow {
    list-style: none;
    padding-left: 0;
}

    .buttonrow li {
        float: left;
        margin: 4px;
    }

        .buttonrow li.right {
            float: right;
        }

.workTimeTable {
    clear: both;
}

.bold {
    font-weight: bold;
}

.alternatingitem {
    background-color: #FFFFCC;
}

.field-validation-error {
    color: #ff0000;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    clear: left;
}

.tsHeader div {
    font-weight: bold;
}

.tsHeader > div:first-of-type {
    text-align: left;
}

div > .tsCell:first-of-type {
    text-align: left;
}

.tsCell, .tsActionCell {
    text-align: center;
    border-left: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
}

.tsProject .tsCell {
    text-align: left;
    padding: 4px;
    font-weight: bold;
}

.tsRow .tsCell, .tsActionCell {
    min-height: 36px;
}

.tsCell.error {
    color: black;
}

.tsActionCell {
    padding: 0;
}

input[type="text"].tsInput {
    max-width: 100%;
    text-align: center;
    margin: 4px;
}

#ts {
    border-bottom: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    min-width: 970px;
}

.tsTotal {
    font-weight: bold;
}

/*#ts
{
    border-style: solid;
    border-width: 0 0px 1px 1px;
    border-color: #cc1100;
    float: left;
}
#tsHeader
{
    clear: both;
}

#tsHeader div
{
    font-weight: bold;
    height: 30px;
}
#tsTotal
{
    clear: both;
}
#tsTotal div
{
    font-weight: bold;
    height: 15px;
}
.tsTotal
{
    font-weight: bold;
}
.tsProject
{
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    border-color: #cc1100;
    clear: both;
    padding: 4px;
    width: 901px;
    font-weight: bold;
    background-color: #FFFFCC;
}
.tsCell, .tsActionCell
{
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    border-color: #cc1100;
    float: left;
    padding: 4px;
    text-align: center;
    height: 15px;
}
.tsActionCell
{
    width: 135px;
}
.tsCell
{
    width: 42px;
}
.tsHeader
{
    text-align: left;
    width: 349px;
    float: left;
}
input[type="text"].tsInput
{
    width: 30px;
    text-align: center;
}
.tsTask
{
    text-align: left;
    width: 349px;
    float: left;
}
.tsRow
{
    clear: both;
}*/


#sDate {
    width: 100px;
}

#nd {
    clear: both;
}
/*#details
{
    float: left;
    margin-bottom: 5px;
    min-width: 200px;
    max-width: 220px;
}*/
#searchInfo {
    margin-top: 5px;
    margin-bottom: 5px;
}

.letter {
    margin: 5px;
}

#LetterSelection {
    margin-bottom: 5px;
}

/*#descriptiondetails {
    width: 343px;
    float: left;
}*/

.bgwarning {
    background-color: #FFCCCC;
    color: #000000;
    font-weight: bold;
}

.bgokay {
    background-color: #99FF66;
    color: #000;
    font-weight: bold;
}

.bginvalid {
    background-color: #FF0066;
    color: #fff;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
}

.okay {
    color: #006600;
    font-weight: bold;
}

.invalid {
    color: #FF0000;
    font-weight: bold;
}

.warning {
    color: #FF6600;
    font-weight: bold;
}

a.stop {
    font-weight: bold;
    color: #0000FF;
}

.alert {
    background-color: #FFCC99;
}

#TaskList {
    clear: both;
    margin-top: 10px;
}

#Form {
    clear: left;
    width: 300px;
}

.customer {
    color: #FFFFFF;
    background-color: darkslategrey;
    font-weight: bold;
    text-align: left;
    padding: 4px;
}

    .customer a {
        color: #FFFFFF;
    }

#Links li {
    margin-bottom: 5px;
}

.datepicker {
    vertical-align: top;
}

#personSelector {
    float: right;
}

.taskproportion {
    width: 210px;
    text-align: center;
    background-color: Green;
    display: block;
}

    .taskproportion div {
        display: block;
        float: left;
        height: 16px;
    }

.workTypeAdmin {
    background-color: Yellow;
}

.workTypeInternalSupport {
    background-color: Gray;
    color: White;
}

.workTypeExternalSupport {
    background-color: Red;
}

.workTypeInternalProject {
    background-color: Blue;
    color: White;
}

.workTypeExternalProject {
    background-color: Green;
    color: White;
}

#dateSelection {
    margin-top: 10px;
}

    #dateSelection p {
        margin-top: 10px;
    }

.total {
    font-weight: bold;
    background-color: #99CCFF;
}
/*.alternateRow
{
    background-color: #FFFF99;
}*/
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.standard ol, .standard ul, .standard dl {
    /*bringing lists on to the page with breathing room */
    padding-left: 1.8em;
}

    .standard ol li {
        /*giving OL's LIs generated numbers*/
        list-style: decimal outside;
    }

ol ol li {
    list-style-type: lower-roman;
    list-style-position: outside;
}

.standard ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

.standard ul ul li {
    /*2nd level open circle*/
    list-style: circle outside;
}

.standard ul ul ul li {
    /* 3rd level square*/
    list-style: square outside;
}

.standard dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left: 1em;
}

.standard ol {
    margin-top: 5px;
}

.standard {
    min-height: 50px;
}

/*#ProjectDetails .standard {
    max-width: 280px;
    overflow: auto;
}*/

/*#ProjectDetails #descriptiondetails .standard {
    max-width: 350px;
}*/

.error {
    background-color: #ff3333;
    color: #fff;
}

#assignments .header div {
    float: left;
    width: 60px;
    padding: 2px;
    border: 1px solid #FF0000;
    display: block;
    height: 30px;
}

    #assignments .header div.wide {
        width: 180px;
    }

    #assignments .header div.mid {
        width: 120px;
    }

#assignments ul li div {
    float: left;
    width: 60px;
    padding: 2px;
    border: 1px solid #FF0000;
    display: block;
    height: 30px;
}

    #assignments ul li div.mid {
        width: 120px;
    }

    #assignments ul li div a {
        display: block;
    }

#assignments ul li {
    clear: both;
}

    #assignments ul li div.wide {
        width: 180px;
    }

#assignments h3 {
    clear: both;
}

.date {
    width: 50px;
}

.mainTable {
    width: 100%;
}

    .mainTable th {
        vertical-align: bottom;
    }

        .mainTable th.limited {
            width: 200px;
        }

#ui-datepicker-div {
    display: none;
}

#messagepanel {
    z-index: 1;
    padding: 10px;
    margin-top: 10px;
    background-color: #FFFF00;
    position: absolute;
    font-weight: bold;
    color: #FF0000;
    top: 0;
    right: 0;
}

.hidden {
    display: none;
}

input.wide {
    width: 150px;
}

.servicelist, .serviceoffered {
    display: none;
    text-align: left;
}

    .servicelist ul li {
        text-align: left;
    }

.help {
    background-color: #66FF66;
    padding: 8px;
    border: 1px solid #006600;
    margin-bottom: 3px;
}

.IntranetUrl {
    font-size: 167%;
    font-weight: bold;
}

.maillink {
    background-image: url('/Content/images/Mail.png');
    display: block;
    width: 100px;
    height: 80px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.newmail {
    font-weight: bold;
    background-color: #FFFF99;
}

.display-label {
    clear: both;
    margin-top: 5px;
    font-weight: bold;
}

.display-field {
    margin-bottom: 10px;
    clear: both;
}

#ProjectDetails {
    display: inline-block;
    width: 100%;
}

.InternalNotesEntry {
    min-width: 300px;
    float: left;
}

#descriptiondetails.descriptionentry {
    width: 650px;
}

/*#NoteSet {
    width: 300px;
    float: left;
}*/

img {
    max-width: 100%;
}

.minibutton {
    padding: 2px;
    border: 1px solid lightgrey;
    border-radius: 2px;
}

.datatable th, .datatable td {
    padding: 4px;
}

.state-Hold {
    background-color: #fff3e6;
}
.state-Open {
    background-color: #e6ffe6;
}
.state-InstalledInProduction {
    background-color: #e6f2ff;
}

.state-ReadyToTest {
    background-color: #ffffb3;
}

.state-Developed {
    background-color: #f0e6ff;
}

label {
    margin-top: 10px;
}

.note {
    background-color:aquamarine;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.note a {
    color: red;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}