/****
 * common.css updated by John DCP on 2020.12.23
 */

.visibleError {
    display: block;
    background-color: #fee;
    border: 1px #522 solid;
    width: 100%;
    font-size: 14px;
    padding: 5px;
    margin: 10px 0px;
}

.visibleNote {
    display: block;
    background-color: #efe;
    border: 1px #242 solid;
    width: 100%;
    font-size: 14px;
    padding: 5px;
    margin: 10px 0px;
}


.cbar {
	 /* FLOAT: left; */
	 OVERFLOW: hidden;
	 WIDTH: 476px;
}

.cbar H3 {
	PADDING-RIGHT: 10px; 
	BACKGROUND-POSITION: left top; 
	PADDING-LEFT: 7px; 
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url("/images/boxtop.gif");
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px 3px; 
	line-height:1.1em;
	PADDING-TOP: 9px; 
	TEXT-ALIGN: left;
}

.cbar .box {
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url("/images/boxbottom.gif");
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 3px 3px; 
	OVERFLOW: hidden; 
	WIDTH: 470px; 
	BACKGROUND-REPEAT: no-repeat; 
	TEXT-ALIGN: left;
}

.boxdot {
	BACKGROUND: url("/images/dot.gif") repeat-x; MARGIN: 0px; OVERFLOW: hidden; HEIGHT: 1px
}
.breaker {
	CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px
}
.cbar .box a {
	padding-left:8px; line-height:1.1em; font-size: 90%; 
}
.cbar .box .explain {
	padding-left:35px; font-size:90%;
}

.cbar .box li {
padding-right: 5px;
}


.vsuccess {
	color: #00CC00;
}

.vfail {
	color: #FF0000;
}

.emphasize {
	text-align:left;
	font-weight:bold;
	font-size:larger;
}

.alert {
	font-weight:bold;
	font-size:smaller;
	color: #990000;
}

.alertError {
	font-weight:bold;
	color: #990000;
}

th {
    text-align: right;
    white-space: nowrap;
}

td {
    text-align: left;
    white-space: nowrap;
}

label {
    cursor: pointer;
}

.reqField {
	color: #990000;
}

.reminder {
    font-size: 90%;
    font-style: normal;	
}

.formInput {
    width: 475px;   
    padding: 3px;
    line-height: 1.4em;
}

.buttons {
    width: 10em;
}

/**
.errors {
    width: 475px;   
	border-color: #990000;
	border-style: dashed;
	border-width: 1px;
    background-color: #FFFFCC; 
    padding: 2px; 
    text-align: left;
    font-size: 90%;
    font-weight: normal;
}
*/
.formInstruct {
	font-size: 95%;
	color: #333;
}

.formInstruct li {
	font-size: 95%;
	color: #333;
	line-height: 1.2em;
	padding-bottom: 2px;
}

.formInstruct ul,ol {
	margin-top: 0;
	margin-bottom: 0;
}


/* Phonebook - Accordion */
.overviewName {
	font-size: 12px;
	position: absolute;
    white-space: nowrap;
}

.overviewNumber {
    text-align: right;
    font-size: 12px;
}
.overviewNumber a {
    color: #003591 !important;
}

.detailsLeftImg {
	float: left;
	margin-right: 3px;
}
.detailsLeft {
	float: left;
	margin-right: 3px;
	width: 45%;
	height: 5em;
}
#accordionDiv {
	width: 450px;
	border: #882345 1px solid;
}

.accordionTabTitleBar-zebra {
	border-top: #882345 1px solid;
	border-right: 0px;
	border-left: 0px;
	padding-right: 6px;  
	padding-left: 6px; 
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: #882345 1px solid;
	font-size: 12px;
	background-color: #F1E4E8;
	cursor: pointer;
}
.accordionTabTitleBar {
	border-top: #882345 1px solid;
	border-right: 0px;
	border-left: 0px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: #882345 1px solid;
	font-size: 12px;
	cursor: pointer;
}
.accordionTabContentBox {
	border-right: #882345 1px solid;
	padding-right: 8px;
	border-top: #882345 0px solid;
	padding-left: 8px;
	padding-bottom: 0px;
	border-left: #882345 1px solid;
	padding-top: 0px;
	border-bottom: #882345 1px solid;
	font-size: 12px;
}

/* Phonebook - Department Live Search */
span.hl {
	background-color: #eaab0d;
}
#results, #manualresults {
	text-align: center;
}
/* Animated throbber */
input.form-autocomplete {
  background: url('/images/throbber.gif') no-repeat 100% 2px;
}

input.throbbing {
  background: url('/images/throbber.gif') no-repeat 100% 2px;
  background-position: 100% -18px;
}

hr.phonebookhr {
	clear: left;
	border:none;
	height: 1px;
	background: #ccc;
	width: 100%;
}