/* 
 Ticket(s): 496 Turn on sending of account deactivation notifications
*/

#EditPageTitle {
    float: left;
    text-align: left;
    font-size: 1.7em;
    font-weight: Bold;
/*	background-color: #ccffcc; /* ### */
}

/* !!! Should we make all of these id-based instead being classes? */

.EditTitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.EditTable {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    background-color: white;
}

.EditTable, .EditTable th{
    border: solid 2px #354A63;
    padding: 4px 2px 4px 6px;
}

.EditTable td {
    padding: 4px 2px 4px 6px;
    border: solid 2px #354A63;
}

.EditTable th {
    color: white;
    background-color: #537499;
	text-align: left;
}

.EditTable td {
    margin-left: auto;
    margin-right: 0px;
}

.EditTable th a {
	color: white;
	text-decoration: none;
}

.EditTableDisplay td {
    border: none !important;
}

.EditTableDisplayLeftCol {
	width: 30%;
	vertical-align: middle;
	height: 23px;
}

.EditTableDisplayRightCol {
	width: 70%;
	vertical-align: middle;
}

.ButtonTable, .ButtonTable TR, .ButtonTable TD, .ButtonTable TH {
    padding: 0px 0px 6px 25px;
    border-collapse: collapse;
    border: none !important; /* $### */
}

.ButtonNote {
	font-size: 0.90em;
	text-align: center;
	padding: 0 30px 0 30px;
	margin: 2px 0px 12px 0px;
}

.RowNote {
	width: 75%;
	vertical-align: top;
	font-size: 0.90em;
	text-align:left !important;
	border: none !important;
	margin: 2px 0px 2px 20px;
}

.divLink a {
	color: #990000;
	text-decoration: none;
}

.FormHeading {
    background-color: #52749A !important;
	color: white !important;
	font-size: 0.95em;
	border-right: none !important;
	height: 2.3em;
	width: 60%;
}

.FormLegend {
    background-color: #52749A !important;
	color: white !important;
	font-size: 0.70em;
	border-left: none !important;
	text-align:right !important;
}

.FormSubHeading {
    background-color: #9DB4CC !important;
	color: black !important;
	font-size: 0.8em;
}

.FormWizardHeading {
    background-color: white !important;
	padding: 6px 0px 0px 0px !important;
	border-bottom-color: white !important;
	color: black !important;
	font-size: 0.8em;
}

.FormCellTable, .FormCellTable TR, .FormCellTable TD, .FormCellTable TH {
    vertical-align: middle;
    padding: 0 !important;
    border-collapse: collapse;
    border: none !important; /* $### */
/*	display:inline; ### This seems to shorten the width of the table.  It also doesn't seem to be needed.  I think it was used when items on a line were in separate TDs*/
	margin: 0px;
}

.InterfaceLink, .InterfaceLink:link, .InterfaceLink:visited {
    color: #990000;
    font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
	text-decoration: underline;
}

.InterfaceLink:hover {
    color: #354A63;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
	text-decoration: underline;
}

.upload_progress {
    float: right;
    position:relative;
    width:300px;
    display: none;
}
.upload_progress_bar {
    position:relative;
    vertical-align: middle;
    background-color: #9DB4CC;
    width:0%;
    height:20px;
    border-radius: 3px;
}
.upload_progress_percent {
    position:absolute;
    width: 100%;
    height: 18px;
    vertical-align: middle;
    padding-top: 0px;
    display:inline-block;
    top:1px;
    text-align: center;
}

#MYFILE, #MyFile {
    font-size: 10pt;
}