/* Page start */

* {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: Arial;
    color: black;
}

/* Headings */
h1, h2, h3, h4 {
    font-size: 110%;
}

h1 {
    font-size: 130%;
    font-style: italic;
    font-weight: bold;
}

h2 {
    font-size: 120%;
    font-style: italic;
}

h3 {
    font-size: 120%;
}

h4 {
}

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

/* Paragraph */
p {
}

/* Anchors */
a, a:hover, a:link, a:visited {
}

a {
}

a:hover {
    text-decoration: underline;
}

a:link {
}

a:visited {
}

/* Tables */
table {
}
th, tr, td {
    vertical-align: text-top;
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
}


tr th {
    text-align: left;
}
th {
}
tr {
}

td {
}


/* Lists */
ul, li, ol {
}

ul {
    margin-left: 20px;
}

li {
}

ol {
}

.requiredField {
    margin-right: 2px;
    color: red;
}

.newItem {
    background-color: rgb(200,200,200);
    font-weight: bold;
    padding: 3px;
    width: 75%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid black;
}
.newItem ul {
    list-style: none;
    margin-left: 0px;
}
.newItem a {
    text-decoration: none;
    width: 99.99%;
    display: block;
}
.newItem a:hover {
    text-decoration: underline;
}


.requestID {
    color: #4c7094;
    font-weight: bold;
    padding: 5px;
    font-size: 105%;
}

.login {
    margin-left: 10px;
}

/* Formatting */
div {
}

img {
    border: 0px;
}

/* Page end */



/* Header start */
#header {
    background-color: white;
    padding: 0px;
    padding-bottom: 20px;
    border-bottom: 0px solid black;
    margin-bottom: 20px;
    height: 90px;
    background-image: url('../images/fade.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    overflow: hidden;
}

.headerInner {
    background-image: url('../images/header-slice.jpg');
    background-repeat: repeat-x;
    overflow: hidden;
}

#headerImageRight {
    float: right;
}

#header h1 {
    height: 81px;
    padding-top: 30px;
    color: #0493B5;
    font-size: 160%;
}

#header img {
}

/* Header end */



/* LSide start */
#lSide {
    width: 15%;
    padding: 2px;
    float: left;
    margin-left: 0.5%;
}

#lSide h1 {
    font-size: 110%;
    background-color: #0493B5;
    color: white;
    padding: 2px;
    border-bottom: 1px dashed black;
}

#lSide h2 {
    font-size: 105%;
}

#lSide ul {
    margin-left: 0px;
    padding: 0px;
}

#lSide li {
    padding: 1px 0px 1px 0px;
}

#lSide a {
    display: block;
    padding: 2px;
    width: 97.99%;
    text-decoration: none;
}

#lSide a:hover {
    background-color: #cccccc;
    text-decoration: none;
}

#lSide li {
    list-style: none;
}

.lSideInner div h2 {
    text-align: center;
    padding: 2px 0px 2px 0px;
}

.lSideInner div h1 {
    color: #4c7094 !important;
    background-color: white !important;
    text-align: center;
    border: none !important;
}

#lSide #sponsors {
    margin-top: 5px;
    padding-top: 3px;
    border-top: 2px solid black;
    text-align: center;
}
#lSide #sponsors a {
    display: inline;
}
#lSide #sponsors a:hover {
    background-color: white;
}
#lSide #sponsors p {
    font-size: 10px;
}

/* LSide end */



/* Content start */
#content {
    margin-left: 17%;
    margin-top: 5px;
    padding-right: 3px;

    min-height: 500px;
    height: expression('500px');
}

#content h1 {
    border-bottom:  1px solid #0493B5;
    padding-bottom: 2px;
    margin-bottom: 4px;
    color: #0493B5;
}

#content h2 {
    text-decoration: underline;
    margin-top: 10px;
}

#subcontractor td, th {
    font-size: 90%;
}
#content a {
}


/* Content end */



/* Footer start */
#footer {
}

.footerInner {
    text-align: center;
    font-size: 10px;
    margin-top: 10px;
    width: 100%;
    height: 25px;
    background-color: #ffffff;
}

/* Footer end */

/* Key start */

#key {
    padding: 3px;
    border: 1px dashed #4c7094;
}
#key img {
    padding: 0px 1px 0px 1px;
}

/* Key end */


.readonly {
    background-color: rgb(192,192,192);
}

ul.autosuggest {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 99;
}

ul.autosuggest li {
    text-align: left;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

ul.autosuggest li a:link,
ul.autosuggest li a:visited {
    display: block;
    padding: 2px;
    text-decoration: none;
    background-color: white;
}

ul.autosuggest li a:hover,
ul.autosuggest li a:active {
    color: white;
    background-color: blue;
}

ul.autosuggest li.highlight a:link,
ul.autosuggest li.highlight a:visited {
    color: white;
    background-color: blue;
}
#movement_type {
z-index: 0;
}
.editable td {
    background-color: rgb(200,200,200);
}
.editCell a {
    text-align: center;
    display: block;
    font-size: 105%;
    font-weight: bold;
    color: #4c7094;
}
.white td, li.white {
    background-color: #FFFFFF;
    cursor: pointer;
}
.white .editCell {
    border: none;
}
.red td, li.red {
    background-color: #FFB3B3;
    color: black;
    cursor: pointer;
}
.red .editCell {
    background-color: white;
    border: none;
}
.orange td, li.orange {
    background-color: #FFCC66;
    color: black;
    cursor: pointer;
}
.orange .editCell {
    background-color: white;
    border: none;
}
.yellow td {
    background-color: #FFFF99;
}
.yellow .editCell {
    background-color: white;
    border: none;
}
.green td, li.green {
    background-color: #CCFF99;
    cursor: pointer;
}
.green .editCell {
    background-color: white;
    border: none;
}
.grey td {
    background-color: #cccccc;
}
.grey .editCell {
    background-color: white;
}
.error {
    list-style: none;
    margin: 3px;
    padding: 5px;
    border: 1px dashed red;
    background-color: rgb(255,220,220);
}
.error li {
    font-style: italic;
}
.pp_error {
    list-style: none;
    padding: 5px;
    color: red;
}
.pp_textbox_error {
    background-color: rgb(255,220,220);
}
.info {
    list-style: none;
    margin: 3px;
    padding: 5px;
    border: 1px dashed rgb(218,165,32);
    background-color: rgb(255,250,160);
}
.info li {
    font-style: italic;
}

.export {
    background-color: #CCDEFF;
    color: white;
    width: 500px;
    border: 1px dashed black;
    margin-left: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
}
div#pageController {
    background-color: #E5F3FF;
    background-color: white;
    padding: 5px;
    margin-right: .5em;
    margin-bottom: 1em;
    border: 1px solid #99C2FF;
    background-color: #99C2FF;
}
div#pageController em {
    padding-right: 6px;
    font-weight: bold;
}
#pages {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
    margin-right: .5em;
}
#pages ul {
    list-style: none;
    margin: 0;
    display: inline;
    padding: 0;
    border: 1px solid #99C2FF;
}
html>body #pages ul {
    padding: 2px;
    padding-left: 0;
    padding-right: 0;
}
#pages ul li {
    display: inline;
    margin: 0 0 0 0;
    padding: 0px;
}
#pages ul li.page-info {
    background-color: #eee;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #297EFF;
    color: #666;
    margin: 0;
    margin-right: -3px;
}
#pages ul li a {
    text-decoration: none;
    margin: 0px;
    background-color: white;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #666;
    margin-right: -3px;
    border-right: 1px solid #99C2FF;
    background-color: #CCE1FF;
}
#pages ul li a.current {
    color: #333;
    background-color: #CCE1FF;
    background-color: #99C2FF;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}
#pages ul li a:hover {
    background-color: #CCE1FF;
    background-color: white;
}
#pages ul li a#filter-link {
    margin-right: -4px;
    border-left: 1px solid #99C2FF;
}
html>body #pages ul li a#filter-link {
    margin-right: -1px;
}
/* Javascript Visibility Section */
.jsVisibilitySection {
    display: none; 
}
#visibilitySelect ul {
    list-style: none;
    display: inline;
}
#visibilitySelect li {
    display: inline;
}
#visibilitySelect select {
    width: 20em;
}

/* Notification Box */
.invisible {
}
#requestNotifier {
    display: none;
    margin: 2px;
    background-color: #FFA500;
    border: 1px dashed white;
    text-align: center;
}
#requestNotifier a {
    font-weight: bold;
}
#requestNotifier a:hover {
    background-color: #FFA500;
}

.time_field {
    width: 48px;
}

.updateRequest th {
    width: 120px;
}

.battery td {
    width: 20px;
    border: 1px solid #000000;
}

.highlightOnHover:hover {
    background-color: #D5E3EE;
    cursor: pointer;
}

.tableButton {
    text-align: center;
}

.invoiceArea {
    background-color: #dddddd;
    padding: 2px;
}

.invoiceArea input, .invoiceRequestDetails input {
    background-color: #dddddd;
}

.convertToInvoice {
    text-align: center;
}

#request_info_box, #date_logged_info_box {
    display: none;
    text-size: 80%;
    border: 1px solid #000000;
    background-color: #fff7bf;
}

.action-buttons {
    text-align: right;
}
.js-ticker-row {
    text-align: left;
}
.text-area * {
    vertical-align: top;
}

#filtertext_andor, #filtertext_andnolink, #filtertext_ornolink, #filtertext_offlink {
    display: none;
}

#filtertext_andor {
    margin-left: 127px;
    margin-bottom: 1em;
}

html>body div#filtertext_andor{
    margin-left: 154px;
}

#filtertext_andnolink, #filtertext_ornolink {
    color: red;
}

#filtertext_offlink {
    float: right;
    background-color: white;
    border: 2px solid #eeeeee;
    padding: 4px;
}


.req-history-toggle {
    width: 8px;
    text-align: center;
}
.notes-cell {
    width: 500px;
}

td.andor-cell {
    background-color: white;   
    text-align: center;
    padding: 5px;
    border: 2px solid #eee;
}

#add-todo, #reassign-provider, #update-case {
    margin-bottom: 20px;
    margin-top: 10px;
}

.accordian a {
    font-size: 1em;
}

#todo-add-item-table {

    border-spacing: 0px 10px;

}

tr.altrow1 {
    background-color: white;
}

tr.altrow2 {
    background-color: #eee;
}
.selected {
    background-color: #ccc;
}
.cursor {
    cursor: pointer;
}
div.showingClosedRequests p {
    color: #ffffff;
}

.showingClosedRequests {
    background-color: #b00000;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    margin-bottom: 8px;
}
.closedCase {
    color: #ff0000;
    font-weight: bold;
}