/* SignaKey Corporate Style Sheet */

/* Corporate Palette

Main colors from logo:

dark gray - PMS 7545 - #5B6F7B

light gray - PMS Cool Gray 5 - #BFC0C2

Accent colors, for sparing use:

blue - PMS 5425 - #7FA3B7

brown - PMS 7531 - #938671

green - PMS 5777 - #B1B679

red - PMS 696 - #9D4948

new dark #004569

*/

BODY
{
	font-family: "Trebuchet MS";
	font-size: medium;
	color: #004569;
	background-color: White;
}
/* INPUT
{
	color: White;
	background:	#7FA3B7;
	border-color: #5B6F7B;
	border-width: thin;
	font-weight: bold;
} */

/* the header and footer backgrounds are for the master page
   being here makes the image path CSS relative
*/    
.headerBackground
{
    background-image: url('Public/Graphics/HeaderBackground.jpg');
}
.footerBackground
{
    background-image: url('Public/Graphics/FooterBackground.jpg');
}
        
.darkBack
{
	/*background-color: #5B6F7B;*/
	background-color: #004569;
}
.lightBack
{
	background-color: #BFC0C2;
}
.lightlightBack
{
	background-color: #DFE0E2;
}
.lightBackCentered
{
	background-color: #BFC0C2;
	border: solid 1px black;
	text-align: center;
}
.overallCenter
{
	margin-left: auto;
	margin-right: auto;
}
.sweetWebsite {
    display: none;
}
.pageTitle
{
    font-weight: bold;
    font-size: x-large;
}
.pageMargins
{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom:24px;
}
.genericHeader
{
	color: White;
    background-color: #004569;
	border: solid 1px black;
    font-weight: bold;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
}
.genericHeaderCentered
{
	color: White;
    background-color: #004569;
	border: solid 1px black;
    font-weight: bold;
	text-align: center;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
}
.detailsview
{
	border: solid 1px black;
}
.gridChild th {
    background-color: #33789B !important;
}
.gridGrandChild th {
    background-color: #66ABCF !important;
}
.gridview
{
}
.gridview a
{
	color: White;
}
    .gridview th {
        color: White;
        background-color: #004569;
        border: solid 1px black;
        white-space: nowrap;
        padding-left: 4px;
        padding-right: 4px;
    }
.gridview th
{
	color: White;
    background-color: #004569;
	border: solid 1px black;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
}
.gridview td
{
	padding-left: 4px;
	padding-right: 4px;
}
.gridview caption
{
	color: White;
    background-color: #004569;
	border: solid 1px black;
    font-weight: bold;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}
.gridviewSelected
{
    background-color: #FFFFCC;
}
.pager
{
	color:  Silver;
    background-color: #004569;
    font-weight: bold;
}
.button
{
	color: White;
	background: #7FA3B7;
	border-color: #004569;
	border-style: outset;
	font-weight: bold;
	cursor: default;
	margin:2px 2px 2px 2px;
}
.button[disabled]
{
	color: #BFC0C2;
	background: #5B6F7B;
	border-color: #004569;
	border-style: inset;
	font-weight: bold;
	cursor: default;
}
.button:not([disabled]):hover
{
	color: White;
	background: #9D4948;
	border-color: #004569;
	border-style: inset;
	font-weight: bold;
	cursor: pointer;
}
.darkText
{
	color: #004569;
}
.lightText
{
	color: #BFC0C2;
}
.tableCell
{
    border: 1px;
    border-style: solid;
    border-color: Black;
}
.topLine
{
    border: 0px solid black;
    border-top-width: 1px;
}
.labelColumn
{
    font-weight: bold;
    color: #FFFFFF;
    width: 120px;
    border: 1px solid black;
}
.controlColumn
{
    /*padding-left: 6px;*/
}
.subLabelColumn
{
    width: 50px;
}
.collapseHeader
{
    color: white;
    background-color: #5B6F7B;
    cursor: pointer;
    width:180px;
    height:18px;
    padding: 5px;
    margin: 12px;
}
.disablingDiv
{
    /* Do not display it on entry */
        display: none;
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:1001;
    /* make it cover the whole screen */
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: red;
    opacity: .50;
    filter: alpha(opacity=50);
}
.modalBackground
{
    background-color: #004569;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup
{
    background-color: white;
    color: #004569;
    border-width: thick;
    border-style: groove;
    border-color: #004569;
    padding: 20px 20px 20px 20px;
}