@import url("/includes/global.css");

th {
    font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
	font-size: 68.75%;
	font-weight: bold;
	text-align: left;
}

b {
    font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
}

hr {
	height: 1px;
	color: #e0e0e0;
}

.date {
	white-space: nowrap;
}

.approval {
	color: #c0c0c0;
	font-size: 81.8%;
}

.approval a {
	font-size: 110%;
}

.button-approve {
	background-image: url('/helpdesk/images/circle-green-tick-sm.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 10px;
	height: 12px;
}

.button-query {
	background-image: url('/helpdesk/images/circle-orange-qmark-sm.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 10px;
	height: 12px;
}

.button-close {
	/*
	background-image: url('/helpdesk/images/circle-red-cross-sm.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 10px;
	height: 12px;
	*/
}

.button-addnote {
	background-image: url('/helpdesk/images/note.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 0px 10px;
	height: 10px;
	font-size: 81.8%;
	white-space: nowrap;
}

.button-notify {
	background-image: url('/helpdesk/images/email.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 0px 10px;
	height: 10px;
	font-size: 81.8%;
	white-space: nowrap;
}

.queried {
	color: #ec5f35;
}

.queryaddressed {
}

.item-project {
	color: #909090;
	font-size: 81.8%;
}

.section-heading {
}

.section-content {
	margin: 0em 0em 1em 0em;
	padding: 0;
    border: 3px solid #eae8e6;
    border-radius: 3px;
    background: rgba(255,255,255,0.75);
}

a.help {
	display: inline;
	font-size: 91.7%;
	margin: 0px;
	padding: 2px 0px 2px 20px;
	background-image: url('/helpdesk/images/help.gif');
	background-repeat: no-repeat;
}

a.help img {
	margin: 0px 3px 0px 0px;
	vertical-align: middle;
}

.helpdesk-costapproved {
	font-size: 91.7%;
}

.helpdesk-costapproved p {
	margin: 0px;
}

.helpdesk-awaitingcostapproval {
	color: #ec5f35;
	font-size: 91.7%;
}

.helpdesk-awaitingcostapproval p {
	margin: 0px;
}

.helpdesk-highlight {
	color: #ec5f35;
	font-weight: bold;
}

.helpdesk-note-header {
    box-sizing: border-box;
	width: 100%;
	margin: 0 0 0.25em 0;
    padding: 10px 5px;
    background: #f8f8f8;
    border-bottom: #eae8e6 1px solid;
}

.helpdesk-note-content {
	margin: 0;
	padding: 10px 5px;
	border-bottom: #eae8e6 2px solid;
}

.files {
}

    .files .helpdesk-note-header {
        margin: 0 0 5px;
        font-size: 91.7%;
    }

    ul.fileList {
        margin: 0;
        padding: 0;
    }

        ul.fileList li {
            margin-left: 2em;
            margin-bottom: 0;
        }

.helpdesk-lastnote-addedby {
	color: #c0c0c0;
	font-size: 81.8%;
    white-space: nowrap;
}

#helpdesk-menu {
    float: right;
    margin-top: 5px;
}

#helpdesk-menu a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
	padding: 4px 8px;
    font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    color: #ffffff;
	background-color: #718b21;
    border-radius: 2px;
}

#helpdesk-menu a:hover {
    text-decoration: none;
    background-color: #acd139;
}

#helpdesk-item h2 {
	/*
	width: 100%;
	padding: 5px;
	background-color: #e0e0e0;.
	*/
}

#helpdesk-item h3 {
	/*
	width: 100%;
	padding: 5px;
	background-color: #e0e0e0;
	*/
}

#helpdesk-itemview-fulldescription {
}

#helpdesk-itemview-costapproval {
	/*
	border-top: #c0c0c0 1px solid;
	*/
}

#helpdesk-itemview-progressnotes {
    /*
	border-top: #c0c0c0 1px solid;
	*/
}

#helpdesk-itemview-overview .files {
    margin: 0;
    border: 0;
    padding: 0;
}

#table-items-summary {
	border-collapse: collapse;
    border: #eeeeee 1px solid;
}

    #table-items-summary tr {
    }
        
        #table-items-summary tr:nth-child(2) {
        }
        
            #table-items-summary tr:nth-child(2n) td {
                background: rgba(255,255,255,0.5);
                background: #ffffff;
            }
        
            #table-items-summary tr:nth-child(2n+1) td {
                background: rgba(0,0,0,0.025);
                background: #f8f8f8;
            }

        #table-items-summary tr:hover td {
            background: rgba(0,0,0,0.05);
            background: #f0f0f0;
        }

    #table-items-summary th {
        padding: 8px;
        font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
        font-weight: normal;
        background: rgba(0,0,0,0.05);
        background: #f0f0f0;
        border-left: #ffffff 1px solid;
        border-right: #ffffff 1px solid;
        border-bottom: #ffffff 1px solid;
    }

        #table-items-summary th:first-child {
            border-left: 0;
        }

        #table-items-summary th:last-child {
            border-right: 0;
        }

    #table-items-summary td {
        padding: 8px;
        font-size: 87.5%;
        vertical-align: top;
        border: #eeeeee 1px solid;
    }
    
    #table-items-summary .itemNo {
    }
    
        #table-items-summary .itemNo .itemNumber {
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-size: 87.5%;
        }
    
    #table-items-summary .priority {
        font-size: 75%;
    }
        
    #table-items-summary .summary {
    }
        
    #table-items-summary .target {
        font-size: 75%;
    }

    #table-items-summary .lastNote {
    }

    #table-items-summary .devSite {
    }
        
    #table-items-summary .testSite {
    }
    
    #table-items-summary .liveSite {
    }

#table-items-summary a:hover {
}

#table-items-summary-options {
    border-collapse: separate;
}

@media screen and (max-width: 600px) {

    #table-items-summary .priority {
        display: none;
    }

    #table-items-summary .lastNote {
        display: none;
    }

    #table-items-summary .devSite {
        display: none;
    }

}

#nojs {
}

#js {
}

.submitButton.goButton {
    margin: -5px -9px;
    padding: 1.15em;
    color: #ffffff;
    font-weight: bold;
    background-color: #718b21;
    border: 0;
    cursor: pointer;
}

.submitButton.goButton:hover {
    text-decoration: none;
    background-color: #acd139;
}

a.addNoteButton, a.addQueryButton, a.respondQueryButton {
    padding: 5px 10px;
    font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 87.5%;
    color: #ffffff;
	background-color: #718b21;
    border-radius: 2px;
    cursor: pointer;
}

.addNoteButton:hover, .addQueryButton:hover, .respondQueryButton:hover {
    text-decoration: none;
    background-color: #acd139;
}

#AddNote {
    padding: 0 5px;
    margin: 1em 0 0;
}

#AddNote h4 {
    display: none;
}

#FilterForm {
    float: left;
    width: 100%;
}

    #FilterForm .fieldContainer {
        float: left;
        margin: 0 1px 1px 0;
        vertical-align: middle;
        padding: 4px 8px;
        min-height: 2.25em;
        background: rgba(0,0,0,0.05);
        background: #f0f0f0;
        border: #e0e0e0 1px solid;
        line-height: 100%;
    }

        #FilterForm .fieldContainer .fieldTitle {
            display: block;
            font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
            font-size: 75%;
        }

        #FilterForm .fieldContainer .fieldContent {
        }

            #FilterForm .fieldContainer .fieldContent .fieldControls {
            }

                #FilterForm .fieldContainer .fieldContent .fieldControls select {
                }

    #FilterForm #Category {
    }

        #FilterForm #Category .fieldTitle {
        }
        
        #FilterForm #Category select {
            max-width: 220px;
        }

    #FilterForm #Status {
    }

        #FilterForm #Status select {
            max-width: 140px;
        }

    #FilterForm #Assigned {
    }

    #FilterForm #Priority {
    }

        #FilterForm #Priority .fieldContent {
            font-size: 75%;
        }

    #FilterForm #Sort {
    }
    
        #FilterForm #Sort select {
            max-width: 82px;
        }

    #FilterForm #PageSize {
    }

    #FilterForm #SubmitButton {
    }

    .subTitle {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 75%;
    }