﻿
.test {
    
    background-color:darkgreen;
    border-collapse:collapse
}
.required {
    font-weight:bold;
}
/* Used to highlight new features */
.highlight {
    color:blue;
    font-weight:bold;
}

a, a:visited, a:link {
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
    color: #0066ff;
}
.ui-dialog-content a {
    color: #0066ff !important;
}
.ui-tabs-anchor {
    color: #000 !important;
}
a:hover {
	color: #000000;
}
body, p, td {
    font-family: Verdana;
    font-size: 8pt;
}
form {
    padding: 5px;
}
fieldset {
    border:1px solid black;
    padding: 5px 5px 10px 5px;
}
input[type=button], input[type=submit], .button {
    color: White;
	background-color: Black;
	font-family: Verdana;
	font-size: 8pt;
    padding-top:2px;
    padding-bottom:2px;
}
input[type=text], input[type=password], input[type=file], select, textarea {
    font-family: Verdana;
    font-size: 8pt;
}
input[type=text]:disabled, select:disabled {
    color:#000000;
}
input[type=button]:disabled, input[type=submit]:disabled {
    background-color: grey !important;
}
legend {
    border: 1px solid black;
    margin-left: 5px;
    padding: 2px 5px 3px 5px;
    background-color: white;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: black;
}
/* Used with printing pages and only showing them when printing */
.printonly, .printonly * {
    display: none !important;
}
thead, tfoot, tr.thead td, tr.tfoot td  {
    color: #ffffff;
    background-color: #000000;
    font-weight: bold;
}
tr.thead a, tr.thead a:visited, tr.thead a:link {
    color:#fff !important;
    /*text-decoration:solid;*/
}
tr.thead a:hover {
    color:#fff;
    text-decoration:none;
}

ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* GREEN CONTROLS */
.button_green {
    background-color: forestgreen !important;
}
tr.greenbackground td {
    background: rgba(34, 139, 34, 0.3); /* #228b22 */
}

/* JQuery UI fix */
.ui-dialog {
    position: fixed !important;
}

/* Classes */
/* NOT USED - 2/4/2014
.disabledbutton {
	color: White;
	background-color: red;
	font-family: Verdana;
	font-size: 8pt;
}
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup {
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 6px;
	height: 200px;
	width: 350px;
}
a.boldhighlight, a.boldhighlight:link, a.boldhighlight:visited {
	font-weight:500;
	color: #0000cd;
	text-decoration: none;
}
a.boldhighlight:hover {
    text-decoration: underline;
}
a.fadedwhite, a.fadedwhite:link, a.fadedwhite:visited {
    color: gray;
    text-decoration: none;
}
a.fadedwhite:hover {
    color: gray;
    text-decoration: underline;
}
a.highlight, a.highlight:link, a.highlight:visited {
	color: #0000cd;
	text-decoration: none;
}
a.highlight:hover {
    text-decoration: underline;
}
*/

.pageheading, a.pageheading, a.pageheading:visited, a.pageheading:link {
	font-family: Verdana;
	font-size: 12pt;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a.pageheading:hover {
    text-decoration: underline;
}
/* Used for HTMLBuilder.BuildNavButtonsAjax */
table.buildnavtable a {
    font-size:9pt;
    text-decoration:none;
}
table.buildnavtable a.selected {
    color:black;
    font-weight:bold;
}
/* NOT USED - 2/4/2014 
a.underline, a.underline:link, a.underline:visited {
    text-decoration: underline;
}
a.underline:hover {
    text-decoration: none;
}
div.fadedwhite {
	color: gray;
}
*/

div.defaultbottommargin {
    margin-bottom:150px;
}

/* USED for top of the page instructions.  Just supply your own width */
div.blockinstructions {
    margin-left:auto;               /* Requires a width */
    /*float:right;*/
    margin-top:10px;
    margin-right:10px;
    border:1px solid black;
    padding:10px;
    font-size:10pt;
}
div.floatinstructions {
    float:right;                    /* Requires a width */
    margin-top:10px;
    margin-right:10px;
    border:1px solid black;
    padding:10px;
}
/* USED for top of the page QC Document.  Just supply your own width */
div.floatqcdocument {
    float:right;
    margin-top:10px;
    margin-right:10px;
    /*padding:10px;*/
}
div.spacer {
    margin-bottom:5px;
}
/*div.subheading {
    font-size: 10pt;
    margin-bottom: 7px;
    font-weight: bold;
}*/

.new {
    color: Red;
    font-weight: bold;
}

select.hideoverflow {
    /* width: 150px;    Make sure you set width of dropdown on webpage */
    overflow: hidden;
    text-overflow: ellipsis;
}

select.hideoverflow option {
    white-space: nowrap;
    width:100%;
}

span.thead {
    color: #ffffff;
    font-weight: bold;
}
span.smalltext {
    font-family: Verdana;
    font-size: 7pt;
}
table.grid {
    border-collapse:separate; border-spacing:1px;           /* Cellspacing 3 */
    /* border-collapse:collapse; border-spacing:0px; */     /* Cellspacing 0 */
}
table.grid > tbody > tr > td, table.grid > thead > tr > td {
    padding:5px;                                            /* Cellpadding 0*/
}
table.grid a {
    text-decoration:none;
}

table.mod td {
    margin:0;
    padding:3px;
    margin-right:0;
    margin-bottom:0;
}
table.mod td:first-child {
    padding:3px 3px 3px 2px;        /* I changed the last value from 0 to 2 */
    margin-right:0;
    margin-bottom:0;
}
table.nopaddingspacing {
    /* border-collapse:separate; border-spacing:3px; */     /* Cellspacing 3 */
    border-collapse:collapse; border-spacing:0;           /* Cellspacing 0 */
}
table.nopaddingspacing > tbody > tr > td {
    padding:0;                                            /* Cellpadding 0*/
}
tr.altclass, tr.altrowcolor, tr.altcolor { 
	/* background-color: #add8e6; */
	/* background-color: #e6e6fa; */
	/*background-color: gainsboro; */
    background-color:rgba(220, 219, 219, 0.5);
}
tr.errorclass {
    color:white;
	background-color: #ca0505;
}
tr.errorclass a {
    color:White;
}
tr.okclass td {
	background-color: #00ff00;
}
tr.highlight td {
    background-color: #fcf95d;
    color:black;
}

.lightredbg {
    background-color:#fb6868;       /* for errors */
}


/* Medlabels */
h2.pagebreak { 
	PAGE-BREAK-AFTER: always 
}
table.freeblanklabels { 
	MARGIN-LEFT: 0px 
}
table.freeblanklabels tr td { 
	WIDTH: 211px; 
	MARGIN-BOTTOM: 5px; 
	BORDER-RIGHT: black thin solid; 
	BORDER-TOP: black thin solid; 
	BORDER-LEFT: black thin solid; 
	BORDER-BOTTOM: black thin solid;
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px; 
}
table.labelborder { 
	BORDER-RIGHT: black thin solid; 
	BORDER-TOP: black thin solid; 
	BORDER-LEFT: black thin solid; 
	BORDER-BOTTOM: black thin solid;
	MARGIN-BOTTOM: 5px; 
}
/* NOT FOUND - 2/4/2014
table.tablepadding tr td {
    padding:4px 5px 4px 0px;
}
table.tablepadding tr td.topalign {
    vertical-align:top;
    padding:7px 5px 5px 0px;
}
*/
td.medlabelline, span.medlabelline {
	font-size: 9pt;
	font-family: Arial;
	text-align: center;
}
/* EO Medlabels */

/*tr.printable td, thead.printable tr td, tfoot.printable tr td {
	color: #000000;
	background-color: gainsboro;
	font-weight: bold;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
}*/

ul.padded li {
    padding-bottom: 5px;
}


@media print
{    
    .noprint, .noprint *
    {
        display: none !important;
    }
    .printonly, .printonly * {
        display:inherit !important;
    }

    /* This makes a class=GRID headers print just like printable class */
    thead, tfoot, tr.thead td, tr.tfoot td {
        color: #000000;
        background-color: gainsboro;
        font-weight: bold;
        border-right: black thin solid;
        border-top: black thin solid;
        border-left: black thin solid;
        border-bottom: black thin solid;
    }

    td.tdFullWidth {
        width:100% !important;
    }
}