#loading {
    z-index: 10000;
    color: red;
    display: none;
    background: url('../image/loading.gif') no-repeat;
    font-size: 20px;
    font-weight: bold;
    width: 200px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 20%;
    margin-top: -50px;
    margin-left: -100px;
    text-align: center;
}

.expired {

    font-weight: bold;
    background-color: red;
    width: 100%;
    color: white;

}
.errors span{
	color:red;
 font-size: 1.0em;	
}
.errors li{
	list-style: none;
}
.errorMessage {
 color: red;
 font-size: 0.8em;
 padding-bottom: 5px;
 } 
.onehourtoexpire {

    font-weight: bold;
    background-color: fuchsia;
    width: 100%;
    color: white;

}

.twohourtoexpire {

    font-weight: bold;
    background-color: coral;
    width: 100%;
    color: white;

}

.fourhourtoexpire {

    font-weight: bold;
    background-color: blue;
    width: 100%;
    color: white;

}

.sixhourtoexpire {

    font-weight: bold;
    background-color: green;
    width: 100%;
    color: white;

}

.selectable {
    border: 1px solid #000;
    float: left;
    height: 8px;
    margin: 3px;
    padding: 3px;
    width: 8px;
    font-size: 10px;
    font-weight: bold;

}

.selected {
    background: #F39814;
    color: #FFF;
}

.pageList {
    border: 1px solid #000;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 100px;
    width: 200px;
    overflow: auto;
}

.pageFileSelectd {
    border: 1px solid #000;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 50px;
    width: 200px;
    overflow: auto;
}

.pageFileNotSelected {
    border: 1px solid #000;
    color: white;
    background-color: red;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 50px;
    width: 200px;
    overflow: auto;
}

.fileList {
    border: 1px solid #000;

    clear: left;
    float: left;
    width: 150px;
    margin: 5px;
    height: 200px;
    width: 200px;
    overflow: auto;
}

.xxleft {
    float: left;
    width: 150px;
    border: 1px;
    background-color: white;
}

.right {

    float: right;
    width: 14%;
    /* margin-left: -24%;*/
    margin-top: 0px;
    background-color: white;
    border: 1px

}

.right-pull {
    float: right;
}

.middle {
    margin-top: 0px;
    float: left;
    width: 60%;
    height: 100%;
    background-color: white;

}

a.boxclose {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
    cursor: pointer;
    color: red;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    background-color: transparent;
    border: 5px solid black;
    text-decoration: none;
    background: transparent;
    font-size: 15px;
    font-weight: bold;

    line-height: 0px;
    padding: 11px 3px;
}

.zerototwentyfourhourtoexpire {
    font-style: italic;
    background-color: green;

}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

#cpsoverlay {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 5%; /* positions the div half way horizontally */
    top: 5%; /* positions the div half way vertically */
    padding: 25px;
    border: 2px solid black;
    background-color: #ffffff;
    width: 90%;
    height: 90%;
    z-index: 1000 /* makes the div the top layer, so it’ll lay on top of the other content */
}

#cpsoverlayLeft {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* positions the div half way horizontally */
    top: 0%; /* positions the div half way vertically */
    padding: 25px;
    border: 2px solid black;
    background-color: #ffffff;
    width: 30%;
    height: 94%;
    z-index: 998; /* makes the div the top layer, so it’ll lay on top of the other content */
}

#cpsfade {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 990 /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */

}

.cpslink {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #e7e7e7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: black;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.cpslink1 {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #286090;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 16px;
    padding: 4px 20px;
    text-decoration: none;
    border-color: #122b40
}

.cpslink:hover {
    background-color: #dfdfdf;
}

.cpslink:active {
    position: relative;
    top: 1px;
}

/* This imageless css button was generated by CSSButtonGenerator.com */

.requestInformation {
    margin: 0px;
    padding: 0px;
    width: 90%;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;

    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;

    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;

    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.requestInformation table {
    width: 90%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.requestInformation tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.requestInformation table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.requestInformation table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.requestInformation tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.requestInformation tr:hover td {
    background-color: #ffffff;

}

.requestInformation td {
    vertical-align: middle;

    background-color: #aad4ff;

    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
    text-align: left;
    padding: 2px;
    font-size: 12px;

    font-weight: bold;
    color: #000000;
    height: 20px;
}

.requestInformation tr:last-child td {
    border-width: 0px 1px 0px 0px;

}

.requestInformation tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.requestInformation tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.requestInformation tr:first-child td {
    background: -o-linear-gradient(bottom, #aad4ff 5%, #56aaff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aad4ff), color-stop(1, #56aaff));
    background: -moz-linear-gradient(center top, #aad4ff 5%, #56aaff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad4ff", endColorstr="#56aaff");
    background: -o-linear-gradient(top, #aad4ff, 56 aaff);

    background-color: #aad4ff;
    border: 0px solid #000000;
    text-align: left;
    border-width: 0px 0px 1px 1px;
    font-size: 12px;

    font-weight: bold;

}

.requestInformation tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #aad4ff 5%, #56aaff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aad4ff), color-stop(1, #56aaff));
    background: -moz-linear-gradient(center top, #aad4ff 5%, #56aaff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad4ff", endColorstr="#56aaff");
    background: -o-linear-gradient(top, #aad4ff, 56 aaff);

    background-color: #aad4ff;
}

.requestInformation tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}

.requestInformation tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}

.requestEntry {
    margin: 0px;
    padding: 0px;
    width: 90%;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;

    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;

    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;

    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.requestEntry table {
    width: 90%;
    height: 90%;
    margin: 0px;
    padding: 0px;
}

.requestEntry tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.requestEntry table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.requestEntry table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.requestEntry tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.requestEntry tr:hover td {

}

.requestEntry tr:nth-child(odd) {
    background-color: #ffffff;
}

.requestEntry tr:nth-child(even) {
    background-color: #ffffff;
}

.requestEntry td {
    vertical-align: middle;
    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
    text-align: left;
    padding: 2px;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    color: #000000;

}

.requestEntry tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.requestEntry tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.requestEntry tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

div.faxInfo {
    left: 0;
    float: left;
    width: 34%;
    height: 100%;
    margin: 0; /*padding:1em;*/
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    vertical-align: top;

}

div.faxDoc {
    /*margin-left:22%;    190px;
    This is used for all the get next request flows for incoming, associate, timekeeper and pharmacist
    */
    left: 37%;
    width: 65%;
    float: left;
    padding: 2px;
    overflow-y: hidden;
    overflow-x: hidden;
    vertical-align: top;
    background-color: #E1E1E1;
}

div.faxDoc1 {
    /*margin-left:22%;    190px;
    This has been added for the popup window in the View PA Request flow. The User wants to see the comments next to the PDF instead if under the PDF
    */
    left: 37%;
    width: 59%;
    float: left;
    padding: 2px;
    overflow-y: hidden;
    overflow-x: hidden;
    vertical-align: top;
    background-color: #E1E1E1;
}

.checkboxLabel {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: normal
}